請教我這個(gè)changeContent函數(shù)錯(cuò)在哪里？
代碼想實(shí)現(xiàn)點(diǎn)擊事件發(fā)生的內(nèi)容切換，在點(diǎn)擊事件里面利用Vue實(shí)例的sign_c作為標(biāo)示，但是不知道是語法錯(cuò)誤還是怎么樣？切換效果沒有發(fā)生！請教是哪里錯(cuò)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue里面的數(shù)據(jù)、方法、事件</title>
<script type="text/javascript" src="vue.js"></script>
</head>
<body>
<!-- @click和v-on:click 一樣-->
<div id="root">
<div v-text="msg" @click="changeMsg"></div>
<div v-html="content" v-on:click="changeContent"></div>
</div>
<script type="text/javascript">
new Vue({
el:"#root",
data:{
content:"<h1>Hello World</h1>",
msg:"<h1>Hello World</h1>",
sign_c:0,
sign_m:0
},
methods:{
changeContent:function(){
if(sign_c==0){
this.content="<h1>Hello SuperAnt</h1>"
sign_c=1
}
else{
this.content="<h1>Hello World</h1>"
sign_c=0
}
},
changeMsg:function(){
this.msg="<h1>Hello SuperAnt</h1>"
}
}
})
</script>
</body>
</html>
2020-05-28
sign_c=true,如果只有兩種狀態(tài)，用布爾值更好，!變量名->直接取反
2020-05-28
changeContent: function() {
if (this.sign_c == 0) {
this.content = "<h1>Hello SuperAnt</h1>"
this.sign_c = 1
} else {
this.content = "<h1>Hello World</h1>"
this.sign_c = 0
}
}
你的sign_c應(yīng)該是this.sign_c，data里的數(shù)據(jù)是需要用this來引用的
2020-05-08
你的sign_c 的值不是手動(dòng)添加的所以不會(huì)變 說了獲取到值你要加 this.sign_c才能獲取到你data里的值不然一直是0 怎么變？？？
2019-08-06
在 sign_c 前面加上 this.
changeContent: function() {
if(this.sign_c == 0) {
this.content = "<h1>Hello SuperAnt</h1>"
this.sign_c = 1
} else {
this.content = "<h1>Hello World</h1>"
this.sign_c = 0
}
}