1.业务场景：数据结构是数组里面是多个数组，三级是多个对象，需要实现类似淘宝商品筛选的时候属性大于3行显示全部折叠按钮，控制展开还是上合 2.这时候需要一个字段去控制true/false，来实现展开还是上合 3.实现 d…

<i class=”el-icon-close clear_x” v-if=”searchpro == ” ? false : true” @click=…

初期绑定一个值背景颜色透明，监听子组件的事件，改变data里面的值来改变背景色 代码 <el-main ref=”elMain” v-bind:style=”elMainR…

 通过三目运算符来绑定class是一种比较常见的操作 需要注意的是要在data里面声音下class的名称 <p :class="isIncrse?incrseP:downP">环比<i>…

<el-table-column label="银行账号" align="center" prop="cardNumber" > <template slot-scope="{row}"> <…

任务描述 实现左右拖拽布局功能：当拖动分割线时，可以重置左右两侧模块宽度实现宽度自定义。 首先搞清楚几个值的概念 （1）clientX clientX：鼠标点击时位置距离当前body可视区域的x坐标 （2）left 相对…

开始是这样写的，但是v-if和v-for不可以同时使用，v-for的优先级更高，会遍历列表中所有数据，降低性能 // 不建议使用这种方法 <li class="li li1" v-for="(item,index)…

开发思路： 脚手架我们已经搭好了，模板里该做的就是各种webpack的配置为主 先考虑怎么运行一个vue的项目 首先我们需要解析.vue文件，使用vue-loader 其次我们需要一个开发服务器来运行项目 webpack…

$ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev ├── build/ …

#text{ -webkit-text-fill-color:black; }  

        在我们需要对表格的列做动态的显示/隐藏时，会遇到一个问题，那就是在某一列从隐藏到显示时，整个表格会闪烁，仔细观察会发现是表格的表头高度瞬间变大，然后又缩回去了，这就…

前言 官方文档（侦听器）：https://cn.vuejs.org/v2/guide/computed.html#%E4%BE%A6%E5%90%AC%E5%99%A8 通过使用 watch 来监听或响应数据的变化，大致…