【Android楚君】vue+elementUi学习：表单v-model

<template>
	<div>
		<el-row :gutter="5">
	             <el-form v-model="forObj">

	              <el-input type="text" v-model="resText"></el-input>

	             </el-form>
	    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      forObj:{
  resText：‘’
},
      // 传入的参数
      yddLength:6 
    }
  },
  methods:{
    getData(){
      console.log(this.form)
    }
  }
}
</script>

表单中：v-model与数据对象的属性进行联动绑定，数据变，表单的组件值value变

<template>

<div>

<el-row :gutter="5">

  <el-form v-model="forObj">

 <el-input type="text" v-model="resText"></el-input>

  </el-form>

 </el-row>

 </div>

</template>

<script>

export default {

 data() {

 return {

 forObj:{

 resText：‘’

},

 // 传入的参数

 yddLength:6 

 }

 },

 methods:{

 getData(){

 console.log(this.form)

 }

 }

}

</script>