需求：
一个select选择框，选择数据变化，控制其他输入框的显隐，是否可输入控制

avue 实现

动态控制 显隐，可操作性，实现方案：
1.change事件
2.watch 侦听器

display

主要注意属性display 为true  展示   为false 隐藏

{
display:false,
search:true,
label: "所属机构",
prop: "ssjgid",
type: "tree",
multiple: false,
dicData: [],
props: {
label: "title"
},
checkStrictly: true,
slot: true,
rules: [{
required: true,
message: "请选择所属机构",
trigger: "click"
}]
},

watch: {
'form.gllx'(val) {
let ssjgid =this.findObject(this.option.column,'ssjgid');
let gllxbm =this.findObject(this.option.column,'gllxbm');
if(val == 1){
ssjgid.display = false;
gllxbm.display = true;
}else if(val == 2){
ssjgid.display = true;
gllxbm.display = false;
}
},
},

disable

主要注意属性 disabled 为true不能操作，为false可以进行操作
{
labelWidth:120,
label: "单品",
prop: "dppsf",
rules: [{
required: true,
message: "请输入",
trigger: "blur"
}],
formatter:function(row,value){
return value/100;
},
disabled:false,
},

我测试的时候有个小bug disabled 必须要有值。

watch: {
'form.jglx'(val) {
let spdj =this.findObject(this.option.column,'spdj');
if(val == 0){
spdj.disabled = true;
dpzj.disabled = false;
dppsf.disabled = false;
}else if(val == 1){
spdj.disabled = true;
dpzj.disabled = true;
dppsf.disabled = true;
}else if(val == 2){
spdj.disabled = false;
dpzj.disabled = false;
dppsf.disabled = false;
}
},

change事件实现类似：
column: [{
label: '姓名',
prop: 'name',
change: ({value,column}) => {
this.$message.success('查看控制台',value,column)
console.log('值改变')
}

需求： 一个select选择框，选择数据变化，控制其他输入框的显隐，是否可输入控制 avue 实现 动态控制 显隐，可操作性，实现方案： 1.change事件 2.watch 侦听器 display 主要注意属性display 为true 展示 为false 隐藏 { display:false, search:true, ... 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。 值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。 值也可以是函数名：不过这个函数名要用单引号来包裹。   第三种情况厉害了。 值是包括选项的对象：选项包括有三个。 1.第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。 2.第二个是deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对 根据openlayers3.0与easyUI tree 功能 实现 图层 显隐 控制功能，达到子节点选择 实现 单个图层的 显隐 ，父节点选择 实现 所有图层的 显隐 。 HTML+CSS #xuanfu1 { position: absolute; top: 50px; right: 40px; background-color: rgba(134,149,237,0.7); width: 170px; height: 300px; 1.准备在filter表头过滤时做后台查询过滤，但无法获取是哪一列 2. avue -crud的filter- change 事件 中未封装column信息，这样在filter- change 方法回调的时候，参数里只有默认的column信息，如果过滤的表头过多，无法判断是哪个列的过滤改变 3.查看column. vue 源码发现没有对el-table-colum加入column-key属性 2.代码示例 1.修改 avue -crud源码中的column. vue ,在el-table-column中加入属性: 这里text改变了三次，分别输入1、2、3，得到如上输出。2.3 监听复杂数据类型的某个属性的变化 检测某个属性值的时候需要用对象.属性名的写法，用法和简单数据类型一致。2.4 immediate (立即处理 进入页面就触发) 2.5 deep 深度监听 3. watch简写形式 代码如下：.. <meta charset=utf-8> <title>手机银行权限配置</title> <link type=text/css rel=stylesheet href=common/layui/css/layui.css rel=external nofollow /> <link type=text/css rel=stylesheet href=css/index.css rel=external nofollow />