王先生的博客

V-ifv-if 条件判断会重新渲染页面。并且v-if条件为false会删除dom节点元素为true会创建dom节点元素。v-showv-show 条件判断不会重新渲染页面。v-show只是用css来控制元素是否显示。用css的display样式来控制。共同点v-if 为true 和 v-show 都会加载到缓存里。 都是用来控制dom元素显示或隐藏性能和使用场景性能消耗：v-if有更高的切换消耗；v-show有更高的初始渲染消耗；使用场景：v-if适合运营条件不大可能改变；v-show适

<el-input type="number" oninput="if(value.length>10)value=value.slice(0,10)" @keyup.enter.native="query()" :max="99999999"> </el-input>oninput 是个自定义事件 在事件里面获取输入的数字长度，来进行判断如果大于规定长度就进行剪切。keyup.enter.native 是个键盘回车事件，当按下Enter键时触发query()事件

//前端代码<el-cascader v-model="mtclassList" :options="materielCategoryVOs" placeholder="请选择" change-on-select clearable :show-all-levels="false"> </el-cascader> // 如果后端返回的是 用","分隔开的id 如 "123456,654221" 就进行分割赋值就可以回显

记录一下element-ui的下拉框灵活用法//页面代码 这个是table里面的下拉<template slot-scope="scope"> <el-select v-model="ruleId" placeholder="请选择" clearable @change="finldSource($event,scope.row)"> <el