为了账号安全,请及时绑定邮箱和手机立即绑定

控制台里为什么没有输出watch里的内容?

https://img1.sycdn.imooc.com//5cc1542100011f2105710644.jpg

https://img1.sycdn.imooc.com//5cc154210001bf1206420631.jpg

为啥没有输出newval和oldval???

正在回答

2 回答

行吧抱歉..我刚刚拷贝有问题了, 重新发一下...


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    .bg{
      color: red;
    }
  </style>
  <script src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script>
</head>
<body>
  <div class="bg" id="app">
    {{msg}}
  </div>
</body>
<script>
  var app = new Vue({
    el: '#app',
    data: {
      msg: 'hello vue!'
    },
    watch:{
      msg: function(newval,oldvalue){
        console.log('newvalue is : ' + newval)
        console.log('oldvalue is : ' + oldvalue)
      }
    },
    computed: {
      
    },
  })
</script>
</html>


1 回复 有任何疑惑可以回复我~
#1

Brian

谢谢同学的回复。
2019-04-26 回复 有任何疑惑可以回复我~

...你确定跑的是你这份代码吗? 我对着你的抄了一遍都没问题。

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.bg{color: red;}</style><script src="https://cdn.bootcss.com/vue/2.6.9/vue.min.js"></script></head><body><div class="bg" id="app">{{msg}}</div></body><script>var app = new Vue({el: '#app',data: {msg: 'hello vue!'},watch:{msg: function(newval,oldvalue){console.log('newvalue is : ' + newval)console.log('oldvalue is : ' + oldvalue)}},computed: {},})</script></html>

https://img1.sycdn.imooc.com//5cc27f200001c38d04600162.jpg

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

控制台里为什么没有输出watch里的内容?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信