使用vue时，input标签中的内容无法打印

vue框架下input标签中的内容无法打印当使用vue框架时，input文本框一般使用v-model属性来进行页面和js的数据交互当使用vue框架时，input文本框一般使用v-model属性来进行页面和js的数据交互如：&lt;el-input v-model="name"&gt;&lt;/el-input&am

爱学习真是太好了啊

3200人浏览 · 2019-03-11 11:46:11

爱学习真是太好了啊 · 2019-03-11 11:46:11 发布

vue框架下input标签中的内容无法打印

当使用vue框架时，input文本框一般使用v-model属性来进行页面和js的数据交互

当使用vue框架时，input文本框一般使用v-model属性来进行页面和js的数据交互

如：

<el-input v-model="name"></el-input>

此时，在调用

this.$print(this.$refs.print)；

进行页面打印时，input标签中的值是不显示的，
为了打印input中的值可以使用v-texts属性
即：

<el-input v-text="name"></el-input>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^