vue动态改变:disabled的属性值
动态改变:disabled的属性值
了很久,可能没⼈提这么的问题哭唧唧,所以我⾃⼰琢磨了很久,终于啊。。
⾸先:先把那个none改为⼀个可以修改的值,这⾥我随便起的也叫disabled
<date-picker v-model="time1" valueType="format"
input标签placeholder属性ref="userBirthdayInput"
id="userBirthday"
:disabled="disabled"
placeholder="请输⼊⽣⽇"></date-picker>
然后:设置⼀个属性props,⾥⾯设置这disabled的默认值为false,注意:这个props与data同级的,不是在data⾥⾯的。
export default{
name:"ModifyUserInfo",
props:{
disabled:{
default:false
}
},
data(){
return{
time1:null,
loading:false,
userPhoto:"",
}
}
}
接着:你想在哪把这个值改为true(改这个为不可编辑)就在哪把这只改为:this.disabled=true就可以啦
this.disabled =true
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论