031——VUE中表单控件处理之使用vue控制input和textarea表单项 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单控件处理之使用vue控制input和textarea表单项 </title>
    <script src="vue.js"></script>
</head>
<body>
<div id="lantian">
    <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>

　　

posted @ 2017-12-27 07:32  生如逆旅，一苇以航  阅读(4091)  评论(0)  编辑  收藏  举报