vue element-ui 自定义弹窗 input,value的双向绑定

1. 创建袁术的函数const h = this.$createElement2. 生成input虚拟domconst obj = h('input', { 'style': { 'width': '120px' }, 'attrs': { 'value': this.test }, 'on': {input: function(event) {this.test ...

$李宇翔%

4243人浏览 · 2019-04-17 12:31:15

$李宇翔% · 2019-04-17 12:31:15 发布

1. 创建袁术的函数
const h = this.$createElement

2. 生成input虚拟dom

const obj = h('input', { 'style': { 'width': '120px' }, 'attrs': { 'value': this.test }, 'on': {
  input: function(event) {
    this.test = event.target.value
  }.bind(this)
}
}, '')

关键点 on 需要的事件是input

获取改变的值event.target.value

绑定时间需要bind this

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}$/, //不连续的两位字母// /^