javascript - vue中有——ob——属性的对象的值无法获取其其他属性值
ringa_lee
ringa_lee 2017-05-19 10:39:20
0
3
1212


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

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

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

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

ringa_lee

全部回复(3)
習慣沉默

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

巴扎黑

或者楼主可以提供下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属性:

大家讲道理

雷雷

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板