vue动态禁用控件绑定disable的例子
更新时间：2019年10月28日 09:34:31 作者：夏早安
今天小编就为大家分享一篇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; //可用
}
},
}
以上这篇vue动态禁用控件绑定disable的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了利用vant如何给tabbar配置路由，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本文主要介绍了Vue3实现选中对话框带箭头效果的方法,首先通过后台获取数据进行遍历,利用ts代码判断选中下标与循环游标是否一致以改变样式,感兴趣的朋友一起看看吧2024-10-10
这篇文章主要介绍了vue中实现点击变成全屏的多种方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
因业务需求，需要一个树形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合适的，大部分树形表格都没有拖拽功能，所以决定自己实现一个。这里分享一下实现过程,需要的朋友可以参考下2018-10-10
分布式搜索和全文搜索在现代应用程序中变得越来越重要,因为它们可以帮助用户快速查找和检索大量数据,Elasticsearch是一种强大的分布式搜索引擎,本文将介绍如何在Vue.js应用程序中实现分布式搜索和全文搜索,以及如何与Elasticsearch集成,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了vue3.0如何在全局挂载对象和方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
本篇文章主要介绍了Vue-基本标签和自定义控件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了Vue常用的全选/反选的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
这篇文章主要介绍了Vue.js $refs用法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
详解Vue 中 extend 、component 、mixins 、extends 的区别
这篇文章主要介绍了Vue 中 extend 、component 、mixins 、extends 的区别,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-12-12
最新评论