031——VUE中表单控件处理之使用vue控制input和textarea表单项
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>表单控件处理之使用vue控制input和textarea表单项 </title> <script src="vue.js"></script> </head> <body> <div > <div> <label>标题:</label> <input type="text" v-model="field.title"><br/> <textarea rows="8" cols="20" v-model="field.description"></textarea> </div> </div> <script> var app = new Vue({ el: '#lantian', data: { field: { title: "我是标题内容", description: "我是摘要部分" } } }); </script> </body> </html>
- 上一篇 »vue实现组件数据双向绑定
- 下一篇 »vue2.0 之 directive指令 ,自定义