vue disabled属性,vue动态绑定disabled

　　本文主要介绍了在vue中动态控制btn禁用属性的方法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　动态控制btn的禁用属性场景动态变化：禁用属性的值是先有后有。

动态控制btn的disabled属性

场景

　　当ajax请求返回的数据为空时，btn处于禁用状态；否则，btn的禁用属性为假。

　　代码：

　　button class= iconDivIcon target BTN :class= is disabled？btndisabled: style= width:100 px；@ click= change enablers(0):disabled= is disabled fn disable/button

　　Div= app 按钮：disabled= isdisabledfn 测试/buttondiv

　　在js中：

　　var app=new Vue({未定义

　　埃尔： #app ，

　　数据：{未定义

　　isDisabl:没错

　　},

　　已计算：{未定义

　　isdisablefn(){未定义

　　如果(数据来自后台！=null){未定义

　　返回this.isdisabled=false

　　} else {未定义

　　返回this.isdisabled=true

　　}

　　}

　　}

　　})

动态改变：disabled的属性值

　　找了半天，可能没人会问这么弱智的问题，哭了，于是我自己琢磨了半天，终于。

首先

　　首先将none更改为可以修改的值。在这里，我只是称之为残疾。

　　日期选择器v-model= time 1 value type= format

　　ref= userBirthdayInput

　　id=用户生日

　　:disabled=“disabled”

　　Placeholder=请输入您的生日/日期选择器

然后

　　设置一个属性props，其中这个禁用的默认值是false。注意：这个道具和数据是一个级别的，不在数据里面。

　　导出默认值{

　　名称： ModifyUserInfo ，

　　道具：{

　　已禁用：{

　　默认值：false

　　}

　　},

　　data() {

　　返回{

　　时间1:空，

　　加载：假，

　　用户照片： ，

　　}

　　}

　　}

接着

　　你想在哪里把这个值改成true(把这个改成不可编辑)，就把这个改成：this.disabled=true。

　　this.disabled=true

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。