- 插槽属性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...
- 结合网上诸多无效方法，整理如下 注意是vue安装，不是npm！！！ vue add style-resources-loader 1 安装过程中选择less 修改根目录 vue.config.js 的patterns参数 const path = require("path"); module.exports = { pluginOptions: { "... 结合网上诸多无效方法，整理如下 注意是vue安装，不是npm！！！ vue add style-resources-loader 1 安装过程中选择less 修改根目录 vue.config.js 的patterns参数 const path = require("path"); module.exports = { pluginOptions: { "...
- MarkDown github: https://github.com/QingWei-Li/vue-markdown-loader 安装依赖 npm i vue-markdown-loader -D # 样式 npm i github-markdown-css -D npm i highlight.js -D 123456 vue.config.js 中配... MarkDown github: https://github.com/QingWei-Li/vue-markdown-loader 安装依赖 npm i vue-markdown-loader -D # 样式 npm i github-markdown-css -D npm i highlight.js -D 123456 vue.config.js 中配...
- 由于业务需求，需要一个小型日历，ElementUI 组件中有一个日历组件，不过太大了，功能没有日期选择器中的日历全，所以，就想到单独引入日历选择器中中的日历组件 打开源码包找到日历组件所在位置，并引入 import DatePanel from "element-ui/packages/date-picker/src/panel/date.vue"; 1 果不其... 由于业务需求，需要一个小型日历，ElementUI 组件中有一个日历组件，不过太大了，功能没有日期选择器中的日历全，所以，就想到单独引入日历选择器中中的日历组件 打开源码包找到日历组件所在位置，并引入 import DatePanel from "element-ui/packages/date-picker/src/panel/date.vue"; 1 果不其...
- JavaScript XML JSX 是一个看起来很像 XML 的 JavaScript 语法扩展 不同版本需要装不同的依赖 https://github.com/vuejs/jsxhttps://github.com/vuejs/babel-plugin-transform-vue-jsx 测试发现 vue 4.2.3 可以直接使用jsx语法 vue -V ... JavaScript XML JSX 是一个看起来很像 XML 的 JavaScript 语法扩展 不同版本需要装不同的依赖 https://github.com/vuejs/jsxhttps://github.com/vuejs/babel-plugin-transform-vue-jsx 测试发现 vue 4.2.3 可以直接使用jsx语法 vue -V ...
- 依赖 npm i file-saver xlsx -S 1 引入element-ui import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.us... 依赖 npm i file-saver xlsx -S 1 引入element-ui import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.us...
- 1、es6标准的省略“function”的写法，IE不兼容； // es6写法 data() { return {} } // 兼容IE写法 data: function{ return {} } 12345678910 2、es6箭头函数也不兼容 // 异步写法 async getData(){ const res = await axios.get("")... 1、es6标准的省略“function”的写法，IE不兼容； // es6写法 data() { return {} } // 兼容IE写法 data: function{ return {} } 12345678910 2、es6箭头函数也不兼容 // 异步写法 async getData(){ const res = await axios.get("")...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中
热门标签