标签：10 return toThree 输入框 num input 解决问题

标题

一、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)">

 

 

 

 

 

标签：10,return,toThree,输入框,num,input,解决问题
From： https://www.cnblogs.com/lmt0404/p/16614556.html