等号(赋值)与双等号判断的坑
今天下午在处理Vue.js的动态绑定时,突然js属性的值赋值总是失败,后来又用原生的js跑了一遍还是如此,最后发现自己在赋值的时候用了双等于,好气,特记录如下:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="js/vue.js"><
·
今天下午在处理Vue.js的动态绑定时,突然js属性的值赋值总是失败,后来又用原生的js跑了一遍还是如此,最后发现自己在赋值的时候用了双等于,好气,特记录如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app1">
<a >{{num}}</a><button @click="editUrl">add</button>
</div>
<div id="app2">
<a id="a_num"></a><button onclick="editNum()">add</button>
</div>
</body>
<script>
//vue的实现方法
var app1 = new Vue({
el:'#app1',
data:{
num:0
},
methods:{
editUrl:function () {
this.num++;
if(this.num==4){
this.num=0;
}
}
}
})
</script>
<script>
var num = 0;
document.getElementById("a_num").innerText = num;
//原生js的实现方法
function editNum() {
num++;
if(num==4){
num=0;
}
document.getElementById("a_num").innerText = num;
}
</script>
</html>
更多推荐
已为社区贡献1条内容
所有评论(0)