input内容为空设置默认宽度
input有内容,字符串长度*字符大小
style动态绑定样式
// 绑定input框内容
<input class="input" type="text" disabled v-model="city" :style="{ width: inputWid(city) }">
// 计算属性动态计算宽度
computed:{
inputWid(value){
// 数据为空返回默认宽度
if(value==''){
return '69rpx'
} else {
// 有内容,字符串长度*字体大小
return String(value).length * 34 + 'rpx'
}
}
}