vue如何设置 input为不可以编辑

exportdefault{
name:'RightSideBar',
props:{
},
data(){
return{
isEditGroupName:false,//修改群名称
}
},
computed:{
//群名称
groupName:{
get(){
returnthis.$store.getters.groupSetInfo.name
},
set(val){
//使用vuex中的mutations中定义好的方法来改变
letgroupSetInfo=this.$store.getters.groupSetInfo
letcopyMyinfo=Object.assign({},groupSetInfo)
copyMyinfo.name=val
this.$store.dispatch('groupSetInfo',copyMyinfo)
}
},
},
methods:{
changeValue(){
letleng=this.validateTextLength(this.groupName)
if(leng>=15){
this.$refs.groupName.maxLength=leng
}else{
this.$refs.groupName.maxLength=30
}
},
validateTextLength(value){
//中文、中文标点、全角字符按1长度，英文、英文符号、数字按0.5长度计算
letcnReg=/([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/g
letmat=value.match(cnReg)
letlength
if(mat){
length=(mat.length+(value.length-mat.length)*0.5)
returnlength
}else{
returnvalue.length*0.5
}
},
//打开编辑
editGroupName(){
this.isEditGroupName=true
letnickNameInput=document.querySelector('#group-name2')
setTimeout(()=>{
nickNameInput.focus()
},0)
},
//保存群名修改
editGroupNameSave(data){

},

},
created(){
}

看完了这篇文章，相信你对“vue如何设置 input为不可以编辑”有了一定的了解，如果想了解更多相关知识，欢迎关注恰卡编程网行业资讯频道，感谢各位的阅读！