- 示例 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("")...
- parent.vue 定义了1个方法和2个数据 <template> <div class=""> 这是父组件 {{message}} </div> </template> <script> export default { name: 'Parent', data() { return { m... parent.vue 定义了1个方法和2个数据 <template> <div class=""> 这是父组件 {{message}} </div> </template> <script> export default { name: 'Parent', data() { return { m...
- 笔记参考 https://zh.nuxtjs.org/ 服务器端渲染 利于 SEO客户端渲染 vue-server-renderer https://ssr.vuejs.org/zh/guide/ 安装环境 npm install vue vue-server-renderer --save 1 1、渲染示例 const Vue = require("vu... 笔记参考 https://zh.nuxtjs.org/ 服务器端渲染 利于 SEO客户端渲染 vue-server-renderer https://ssr.vuejs.org/zh/guide/ 安装环境 npm install vue vue-server-renderer --save 1 1、渲染示例 const Vue = require("vu...
- 刷新页面 方法一 window.reload(); 12 方法二 this.$router.go(0); 1 以上两种方式会出现白屏 方法三 不会有闪烁的空白出现 App.vue <template> <div id="app"> <!-- 增加判断,让其隐藏 --> <router-view v-if="... 刷新页面 方法一 window.reload(); 12 方法二 this.$router.go(0); 1 以上两种方式会出现白屏 方法三 不会有闪烁的空白出现 App.vue <template> <div id="app"> <!-- 增加判断,让其隐藏 --> <router-view v-if="...
- <template> <div id="app"> <input type="file" @change="handleChange" /> <audio controls="true" @loadeddata="handleLoad" :src="url"> </audio> </div> &l... <template> <div id="app"> <input type="file" @change="handleChange" /> <audio controls="true" @loadeddata="handleLoad" :src="url"> </audio> </div> &l...
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享:开源让物联网平台更开放、易用
2024/05/22 周三 16:30-18:00
张俭 华为云IoT DTSE技术布道师
开源,意味着开放、共享、互助、共赢。作为万物上云及各行业数字化的物联网底座,华为云IoT积极拥抱开源,借助行业开源的最佳实践,构建可靠、易用的物联网平台,并通过开放南北向SDK,助力开发者快速构建物联网应用。本期直播,华为云IoT开源专家、物联网平台资深“程序猿”张俭,带你了解华为云IoT的开源生态,并手把手教你玩转开源社区!
去报名 -
华为云开发者日·广州站
2024/05/23 周四 14:30-17:30
华为云专家团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动,汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴,全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介,为开发者提供沉浸式学习与交流平台。开放创新,与开发者共创、共享、共赢未来。
去报名
热门标签