- 时间范围选择 <template> <el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format=... 时间范围选择 <template> <el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format=...
- 1、首先是一个简单的示例 三个文件 app.vue # 自定义的业务，调用自己封装的组件child.vue child.vue # 自己封装的第三方组件plug.vue，便于上层调用 plug.vue # 第三方组件，提供v-model数据绑定 123 调用层次结构 app -> child -> plug 1 child在这里起到一个承上启下的... 1、首先是一个简单的示例 三个文件 app.vue # 自定义的业务，调用自己封装的组件child.vue child.vue # 自己封装的第三方组件plug.vue，便于上层调用 plug.vue # 第三方组件，提供v-model数据绑定 123 调用层次结构 app -> child -> plug 1 child在这里起到一个承上启下的...
- 文档： https://www.npmjs.com/package/vue-clipboard2 安装 npm install --save vue-clipboard2 1 使用 main.js import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipb... 文档： https://www.npmjs.com/package/vue-clipboard2 安装 npm install --save vue-clipboard2 1 使用 main.js import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipb...
- prop 父组件向子组件传递数据, 单向绑定 $refs 父组件调用子组件里的属性和方法 $emit 子组件向父组件传递消息 新建项目 $ vue create demo $ cd demo $ npm run serve 123 1、父组件引用子组件 components/Child.vue <template> <h2>子组件&... prop 父组件向子组件传递数据, 单向绑定 $refs 父组件调用子组件里的属性和方法 $emit 子组件向父组件传递消息 新建项目 $ vue create demo $ cd demo $ npm run serve 123 1、父组件引用子组件 components/Child.vue <template> <h2>子组件&...
- vue项目中background-image属性设置方法 方式一：直接访问 在vue-cli项目中的放在public目录下的资源会被直接复制，不会经过webpack的打包处理。 <span class="item-icon"></span> <style> .item-icon { width: 20px; heigh... vue项目中background-image属性设置方法 方式一：直接访问 在vue-cli项目中的放在public目录下的资源会被直接复制，不会经过webpack的打包处理。 <span class="item-icon"></span> <style> .item-icon { width: 20px; heigh...
- 结论： .sync 和v-model两者的本质都是语法糖， 目的都是实现组件与外部数据的双向绑定。 v-model 是 .sync的一种体现。.sync 比较灵活;v-model较单一 .sync修饰符 父组件 <comp :foo.sync="bar" ></comp> // 等价于, 组件属性名称一致,默认事件update <c... 结论： .sync 和v-model两者的本质都是语法糖， 目的都是实现组件与外部数据的双向绑定。 v-model 是 .sync的一种体现。.sync 比较灵活;v-model较单一 .sync修饰符 父组件 <comp :foo.sync="bar" ></comp> // 等价于, 组件属性名称一致,默认事件update <c...
- 插槽属性prop的使用示例 文档：https://cn.vuejs.org/v2/guide/components-slots.html 子组件 <template> <div class=""> <span v-for="item in list"> <slot v-bind="item">{{item.nam... 插槽属性prop的使用示例 文档：https://cn.vuejs.org/v2/guide/components-slots.html 子组件 <template> <div class=""> <span v-for="item in list"> <slot v-bind="item">{{item.nam...
- 单个站点 配置如下 server { listen 80; server_name localhost; location / { root /app; index index.html; try_files $uri $uri/ /index.html; } } 1234567891011 其中: /app 是网站根目录 部署多个站点 server... 单个站点 配置如下 server { listen 80; server_name localhost; location / { root /app; index index.html; try_files $uri $uri/ /index.html; } } 1234567891011 其中: /app 是网站根目录 部署多个站点 server...
- 正常情况下，父组件可以监听子组件传递过来的事件，那么子组件怎么监听父组件的事件呢？ 实际案例： 假设子组件是一个弹框表单，子组件里边我预留了一个按钮位置，用于【添加数据】或者【编辑数据】按钮，点击按钮，子组件显示弹框。 示例一：整个组件监听事件 <template> <div @click="changeVisiable"> <s... 正常情况下，父组件可以监听子组件传递过来的事件，那么子组件怎么监听父组件的事件呢？ 实际案例： 假设子组件是一个弹框表单，子组件里边我预留了一个按钮位置，用于【添加数据】或者【编辑数据】按钮，点击按钮，子组件显示弹框。 示例一：整个组件监听事件 <template> <div @click="changeVisiable"> <s...
- Nuxt.js 项目中使用Vuex和Vue项目中使用略有不同 如果需要再单独的js文件中使用store，需要使用经典模式，不过文档介绍说 此功能已经弃用，将在Nuxt 3中删除。 1 总之Nuxt.js坑还是很多的，因为一套代码涉及服务器端执行和浏览器端执行，不是很好区分执行代码 实践下来发现还是坑比较多，虽然可以复用Vue的组件模块，不过小型项目还是使用传统的... Nuxt.js 项目中使用Vuex和Vue项目中使用略有不同 如果需要再单独的js文件中使用store，需要使用经典模式，不过文档介绍说 此功能已经弃用，将在Nuxt 3中删除。 1 总之Nuxt.js坑还是很多的，因为一套代码涉及服务器端执行和浏览器端执行，不是很好区分执行代码 实践下来发现还是坑比较多，虽然可以复用Vue的组件模块，不过小型项目还是使用传统的...
- 示例 age 数据单向绑定 name 数据双向绑定 <template> <div> <h3>单向绑定数据</h3> <p>age: {{ age }}</p> <p>age: <input type="text" :value="age"></p> <... 示例 age 数据单向绑定 name 数据双向绑定 <template> <div> <h3>单向绑定数据</h3> <p>age: {{ age }}</p> <p>age: <input type="text" :value="age"></p> <...
- 1、使用 >>> <style scoped> .a >>> .b { } </style> 123456 2、使用 /deep/ <style lang="scss" scoped> /deep/ .upload-demo{ } </style> 1234567 ... 1、使用 >>> <style scoped> .a >>> .b { } </style> 123456 2、使用 /deep/ <style lang="scss" scoped> /deep/ .upload-demo{ } </style> 1234567 ...
- 使用el-form表单的重置方法，发现部分字段不能重置 经过检查，没有写该字段的el-form-item <el-form ref="form" :model="form" label-width="80px"> <!-- 让该字段出现在dom, 隐藏 --> <el-form-item label="活动名称" props="na... 使用el-form表单的重置方法，发现部分字段不能重置 经过检查，没有写该字段的el-form-item <el-form ref="form" :model="form" label-width="80px"> <!-- 让该字段出现在dom, 隐藏 --> <el-form-item label="活动名称" props="na...
- app.vue <template> <div> <template v-for="item in list"> <div> <span>{{item.name}}</span> <span> - </span> <span>{{item.role | ro... app.vue <template> <div> <template v-for="item in list"> <div> <span>{{item.name}}</span> <span> - </span> <span>{{item.role | ro...
- 方式一：a标签点击实现 <template> <div class=""> <el-button size="small" @click="downloadFile" >保存文件</el-button> </div> </template> <script> export d... 方式一：a标签点击实现 <template> <div class=""> <el-button size="small" @click="downloadFile" >保存文件</el-button> </div> </template> <script> export d...
上滑加载中
推荐直播
-
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中 -
华为云码道：零代码股票智能决策平台全功能实战2026/04/18 周六 10:00-12:00
秦拳德-中软国际教育卓越研究院研究员、华为云金牌讲师、云原生技术专家
利用Tushare接口获取实时行情数据，采用Transformer算法进行时序预测与涨跌分析，并集成DeepSeek API提供智能解读。同时，项目深度结合华为云CodeArts（码道）的代码智能体能力，实现代码一键推送至云端代码仓库，建立起高效、可协作的团队开发新范式。开发者可快速上手，从零打造功能完整的个股筛选、智能分析与风险管控产品。
回顾中
热门标签