vue动态禁用控件绑定disable的例子
作者：夏早安 发布时间：2024-05-09 15:08:14
标签：vue,绑定,disable,控件
场景
报修范围取值不同时 ，区域有时需要禁用
代码
<el-form-item label="报修范围" prop="applicationRange" >
<el-select v-model="addInfo.applicationRange" placeholder="请选择报修范围" style="width: 200px" @change="inputToDisabled" >
<el-option v-for="item in applicationRangeList" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="区域" prop="areaCodeAdd">
<el-select v-model="addInfo.areaCodeAdd" placeholder="请选择区域" v-on:change="getBuildListAdd" style="width: 220px" :disabled="isAble" >
<el-option
v-for="item in areaListAdd"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
methods:{
inputToDisabled (){
if (this.addInfo.applicationRange === '1002') {
this.isAble = true; // 注意true是不可用
} else{
this.isAble = false; //可用
}
},
}
来源：https://blog.csdn.net/y_0927/article/details/85119120
0
投稿猜你喜欢
- 很多程序绕过这个问题，往往人工来决定在何处截断，太麻烦了。 实现内容：截断一段含有HTML代码的文本，但是不会出现围堵标记没有封闭的问题。
一、Linux系统查看Python路径whereis python此命令将会列出系统所安装的所有版本的Python的路径效果如下：- 一.安装环境这里也顺便记录一下如何在windows7上卸载解压版MySQL5.6数据库,如果无需卸载请忽略下一步，直接看第三步即可二.win
- 话不多说，附上源码，仅供大家参考<!DOCTYPE html><html xmlns="http://www.w
- 我们现在使用的验证手段都是以验证码为主，让用户根据图片输入验证字符，这种方法的安全度尚可，但会给用户带来一些不便和困扰，比如这个雅虎的验证码
- 误区 #21:数据库损坏可以通过重启SQL Server或是Windows,或是附加和分离数据库解决 错误 SQL Server中没有任何一
- 一、序言在csdn上有很多纯copy，这给我复现带来了很大的麻烦，所以我想根据我的个人找截图的经历记录下来，给未来的自己看，免得忘记了云云。
- 目录前言数据泵的导入数据泵的导出总结前言今天王子要分享的内容是关于Oracle的一个实战内容，Oracle的数据泵。网上有很多关于此的内容，
- 密码学俱乐部的第一条规则是：永远不要自己发明密码系统。密码学俱乐部的第二条规则是：永远不要自己实现密码系统：在现实世界中，在实现以及设计密码
- 这个是JS控制图片滚动的效果，当鼠标结果新闻标题时开始滚动到对应的图片，可以作为图片新闻。效果图：<!DOCTYPE HTML PUB
- 本文实例讲述了Python爬虫爬取电影票房数据及图表展示操作。分享给大家供大家参考，具体如下：爬虫电影历史票房排行榜 http://www.
- 目录前言分析数据总计重复次数占比where 和 having 的区别总结前言我当时正好出差在客户现场部署调试软件，有一天客户突然找到我这里，
- function is_email($str){ //检验email return preg_match("/
- 目前，各大搜索引擎如google、百度、雅虎已经对动态页面诸如asp，php有着不错的支持了，只要动态页面后面的参数不要太长，如控制在3个参
- 近来想要做一做人脸识别相关的内容，主要是想集成一个系统，看到opencv已经集成了三种性能较好的算法，但是还是想自己动手试一下，毕竟算法都比
- 在使用完模型之后，添加这两行代码即可清空之前model占用的内存：import tensorflow as tffrom keras imp
- 前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-
- 前篇我们稍微学习了Python中时间的获取，这次继续学习日期的时区转换，格式化等等。开发中常用的日期操作还有哪些？时区转换显示日期格式化秒数
- 在为一个客户排除死锁问题时我遇到了一个有趣的包括InnoDB间隙锁的情形。对于一个WHERE子句不匹配任何行的非插入的写操作中，
- 什么是装饰器？装饰器（Decorator）相对简单，咱们先介绍它：“装饰器的功能是将被装饰的函数当作参数传递给与装饰器对应的函数（名称相同的
