play方法传进去的对象不能获取到其属性只能打印到这个对象,其值无法打印,也不能获取,这个对象多了个--ob--属性,查了下资料,说是该对象被vue监控打印出来的就是这样,再打印其属性就是undefined
通过什么方法才可以拿到paly方法中参数的属性?
ringa_lee
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属性:
雷雷
vue为了实现双向绑定把属性都包装成了getter,setter而已
要直接打印的话,直接打印属性就可以的
或者你直接在devtools里点击属性名后面的...就会求当前值,注意点击时的显示的是点击时的当前值,不一定是打印时的值,需要时效性的话直接打印对应属性比较好
或者楼主可以提供下play方法的具体定义?
另外,写了个简单的demo:
点击A,在控制台输出了A的对象及A的name属性:
雷雷