寫的腳本沒有觸發click事件,麻煩老師和各位同學幫忙分析一下
<!DOCTYPE?html>
<html?lang="en">
????<head>
????????<meta?charset="UTF-8">
????????<title>VUE綁定事件處理</title>
????????<script?src="vue.js"></script>?
????????
????</head>
????<body>
????????<!--vue實例的掛載點(el屬性來實現掛載)?{{}}插值表達式-->
????????<div?id="root">??
????????????<!--<div?@click="handleClick">{{msg}}</div>-->
????????????<div?v-on:click="handleClick">{{texts}}</div>
????????</div>
????????<script>
????????????//vue實例
????????????new?Vue({
????????????????el:?"#root",
????????????????//模板,掛載點內的內容
????????????????template:?"<h1>{{texts}}</h1>",
????????????????data:?{
????????????????????texts:?"hello?world"
????????????????},
????????????????methods:?{
????????????????????handleClick:?function()?{
????????????????????????this.texts?=?"vue單擊事件綁定響應更新數據"
????????????????????}
????????????????}
????????????})
????????</script>
????</body>
</html>
2020-08-19
去掉? template:?"<h1>{{texts}}</h1>"
2020-08-20
是的去掉template:?"<h1>{{texts}}</h1>"就好了,把這塊給忘掉去掉了,謝謝
2020-08-19
或者?template: "<h1 @click='handleClick'>{{texts}}</h1>",把<div?v-on:click="handleClick">{{texts}}</div>中的v-on:click="handleClick"去掉