Vue watch 中 this 注意事项
在watch中使用this要注意,不能用箭头函数,否则会出错,例如:<template></template><script>export default{data(){return {isLogin: false}},watch:{isLogin: (newVal, oldVal) => {newVal && this.updateLog
·
在watch中使用this要注意,不能用箭头函数,否则会出错,例如:
<template>
</template>
<script>
export default{
data(){
return {
isLogin: false
}
},
watch:{
isLogin: (newVal, oldVal) => {
newVal && this.updateLogin()
}
},
methods:{
updateLogin(){
console.log(`update login`)
}
}
}
</script>
<style scoped>
</style>
箭头函数要改为function的形式,如下:
<template>
</template>
<script>
export default{
data(){
return {
isLogin: false
}
},
watch:{
isLogin: function(newVal, oldVal) {
newVal && this.updateLogin()
}
},
methods:{
updateLogin(){
console.log(`update login`)
}
}
}
</script>
<style scoped>
</style>
更多推荐
已为社区贡献16条内容
所有评论(0)