分类：Input输入框

2020
12-04

vue表单验证之禁止input输入框输入空格

测试小姐姐让输入框不允许输入空格，安排。 刚开始用的下面这个方法，因为我是电脑端f12的情况下调试移动端，所以下面这个方法可以实现禁止输入空格，于是就打包测试上线了，上线后才发现真机中不支持，应该是pc端和移动端事件不一样，所以如果你是pc端，可以使用下面这个方法。input上添加下方代码（我用的vant也一样,包括elemenui等）@keydown.native="keydown($event)"methods中写入下方代码methods:{//禁止输入空格k... 继续阅读 >

2020
10-09

解决vue项目input输入框双向绑定数据不实时生效问题

我就废话不多说了，大家还是直接看代码吧~<inputtype="text"maxlength="11"placeholder="请输入联系人电话"v-model="form.phone"/>这样的输入框，绑定的是data中的form对象上的phone字段。在mounted钩子函数里边写：this.form.phone='1888888888';这样在页面上时候不会随着输入框值改变而改变。解决方法如下：this.$set(this.form,"phone",this.$route.query.mobile)或者绑定到data里边的一个字符串，也是可以解决的补充知... 继续阅读 >

2020
10-08

Element Input输入框的使用方法

本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/input基础用法带图标的输入框（属性方式）<el-inputplaceholder="请选择日期"suffix-icon="el-icon-date"v-model="input2"></el-input><el-inputplaceholder="请输入内容"prefix-icon="el-icon-search"v-model="input21"></el-input>带图标的输入框（slot方式）<el-inputplaceholder="请选择日期"v-model="input22"><islot="su... 继续阅读 >