Vue从入门到实战:多行文本输入框

来自CloudWiki
Cloud17讨论 | 贡献2021年2月9日 (二) 08:42的版本 (创建页面,内容为“在文本区域插值 (<nowiki><textarea>{{text}}</textarea></nowiki>) 并不会生效,应用 v-model 来代替。 <nowiki> <!DOCTYPE html> <html> <head> <met…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索

在文本区域插值 (<textarea>{{text}}</textarea>) 并不会生效,应用 v-model 来代替。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id = "app">
			<textarea v-model="message"></textarea>
			<p>message:{{message}}</p>
		</div>
	
		<script src="vue.js"></script>
		<script>
			var vm = new Vue({
		    el: '#app',
		    data: {
		      message: 'Vue.js无难事'
		    }
		  });
		</script>
	</body>
</html>