随笔分类 - vue
前端开发框架
摘要:@marginList: weixin, wangyi; //margin-left函数 .ml-loop(@list,@i:1,@val:extract(@list,@i)) when (length(@list)>=@i) { .icon-@{val} { // margin-left: @va
阅读全文
摘要:使用快捷键打开设置: ctrl + shift + p 然后输入setting 替换成以下配置 { "window.zoomLevel": 1, "files.associations": { "*.wpy": "vue", "*.cjson": "jsonc", "*.wxss": "css",
阅读全文
摘要:props:[lang], data(){ return{ lang:[] } 这种情况,一般是父组件传了个参数lang,但是在data里面又定义了lang 把data里面的lang删除就行了。
阅读全文
摘要:需要安装个全局的cross-env才行(要加上-g参数) npm install -g cross-env –save-dev
阅读全文
摘要:父页面: <div> <hello @showMsg="show"> </div> <script> export default { methods:{ show(){ console.log('子页面点击了'); } } } </script> 子页面: <div> <div @click="s
阅读全文
摘要:注意:一定要先清数据再请求,否则请求数据还没回来,会渲染到旧数据
阅读全文
摘要:watch: { Model: function () { this.$nextTick(function () {//////方法 this.bindChart(); }); } }, Model是要监控的属性,这个属性渲染完成就会触发。
阅读全文
摘要:第一种方式:(推荐) 需要注意的是不能用单引号,而是要用反引号 :title="`字符串${xx}`" 第二种: 注意:这种就是单引号的 :title="'字符串' + xx"
阅读全文
摘要:注意:有build文件使用该方式配置(项目是vue-cli): 【前提下不是vue-cli的方式创建的项目,分辨方法就是没有build文件夹】另一种方式是在项目根目录新建一个vue.config.js
阅读全文
摘要:解决方案: 把css和js文件放到static文件中即可
阅读全文
摘要:主要原因是props字段名用了驼峰命名 注意:vue的组件命名和props传值字段命名都要全部小写
阅读全文
摘要:<input type="radio" name="love" v-model="v3" value="aa"> <input type="radio" name="love" v-model="v3" value="bb"> 当v3的值和value的值一样就会被选中 name相同的时候当成一个组,
阅读全文
摘要:解决方案: 卸载vetur插件,并且重新安装即可
阅读全文