解决问题
一、input输入框获取不到苹果手机中文键盘下 输入的信息
input输入框事件,采用v-model的双向绑定方法,可以很好的监听输入框输入的内容
<input v-model="content" @blur='input' type="text" placeholder="请输入信息" />
当input框失去焦点时,触发 blur 事件,这样就可以解决获取不到 苹果手机中文键盘下输入的信息
return {
content:''
}
},
methods:{
input(e){
this.content = e.detail.value
},
}
二、如何把数值转为三位数,例如1变为001,10变为010。 下面是正确写法:
页面中用{{toThree(num1)}},{{toThree(num2)}},{{toThree(num3)}}即可获得对应三位数的模样:
return { num1:0,
num2:10,
num3:100
}
},
computed:{
toThree() {
return function(num){
if(num>=0 && num <=9){
return '00' + num
}else if(num>=10 && num <=99){
return '0' + num
}
return num
}
}
}
三、vue项目中用v-for循环本地图片,图片不显示
解决办法:使用require动态引入图片,或将图片放static文件夹里面
< img :src="require(item.imgurl)">
浙公网安备 33010602011771号