vue数据绑定问题

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue</title>
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id="app">
  <input v-model='x'>
  <div>{{y}}</div>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    
    y:'1'  
  },
  computed:{
    x:{
      get(){return 555},
      set(val){
        //这里的y有问题
        this.y=val;
         
      }
    }
     
  }
})
</script>
</body>
</html>

//以上代码可以在浏览器中运行
我的问题是y的出现了问题

阅读 2.1k
2 个回答

已经搞定了,你们没有懂我的意思。下面还是解决方案
<div id="app">
<input type="text" v-model="x">
<p>y: {{ y }}</p>
</div>
<script>
new Vue({

el: '#app',
  data: {
    z: 1,
    y: 1
  },
  computed: {
    x: {
    get () {
        return this.z
      },
      set (newValue) {
        this.z = newValue * 2
       this.y = newValue * 4
      }
}

}
})
</script>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题