textarea文本输入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>hellovue</title>
</head>
<body>
<div >
<p>今天的日记:</p>
<p>{{mytext}}</p>
<textarea v-model="mytext" name="" >{{mytext}}</textarea>
</div>
<script>
var myApp = new Vue({
/*绑定标签的id*/
el: '#myApp',
/*标签上绑定的数据*/
data: {
mytext: '我们今天来学习 Vue 文本绑定'
},
})
</script>
</body>
</html>
![[Vue]用户输入绑定之textarea(五) [Vue]用户输入绑定之textarea(五)](/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9YUhSMGNITTZMeTlwYldjeU1ESXdMbU51WW14dlozTXVZMjl0TDJKc2IyY3ZNVGswTURZeE5TOHlNREl3TURNdk1UazBNRFl4TlMweU1ESXdNRE13TlRFeE16Y3pNalU0TnkweE5qZzNOakU0TnpJeUxuQnVadz09)
END
相关文章:
-
2022-12-23
-
2021-11-24
-
2021-08-18
-
2022-12-23
-
2021-12-31
-
2021-07-22
-
2022-12-23