javascript - vue中有——ob——属性的对象的值无法获取其其他属性值-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - vue中有——ob——属性的对象的值无法获取其其他属性值

ringa_lee 2017-05-19 10:39:20

[JavaScript讨论组]

1809

play方法传进去的对象不能获取到其属性

只能打印到这个对象，其值无法打印，也不能获取，这个对象多了个--ob--属性，查了下资料，说是该对象被vue监控

打印出来的就是这样，再打印其属性就是undefined

通过什么方法才可以拿到paly方法中参数的属性？

ringa_lee

全部回复(3)

習慣沉默2017-05-19 10:41:20 3楼

vue为了实现双向绑定把属性都包装成了getter，setter而已
要直接打印的话，直接打印属性就可以的
或者你直接在devtools里点击属性名后面的...就会求当前值，注意点击时的显示的是点击时的当前值，不一定是打印时的值，需要时效性的话直接打印对应属性比较好

赞 +0

添加回复

巴扎黑2017-05-19 10:41:20 2楼

或者楼主可以提供下play方法的具体定义？

另外，写了个简单的demo：

<!DOCTYPE html>
<html>
<head>
  <title>Welcome to Vue</title>
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
  <p id="app">
    <ul>
      <li v-for="(item, index) in list" @click="test(item)">{{ item.name }}</li>
    </ul>
  </p>

  <script>
    new Vue({
      el: '#app',
      data: {
        list: [{
          name: 'A',
          sex: 'male'
        }, {
          name: 'B',
          sex: 'female'
        }, {
          name: 'C',
          sex: '???'
        }]
      },
      methods: {
        test(item) {
          console.log(item);
          console.log(item.name);
        }
      }
    })
  </script>
</body>
</html>

点击A，在控制台输出了A的对象及A的name属性：

赞 +0

添加回复

大家讲道理2017-05-19 10:41:20 1楼

var json = JSON.stringify(JSON.parse(this.list));
console.log(json);

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>