简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - vue中有——ob——屬性的物件的值無法取得其其他屬性值
ringa_lee
ringa_lee 2017-05-19 10:39:20
0
3
1150


play方法傳進去的物件不能取得到其屬性

#只能印到這個對象，其值無法列印，也不能獲取，這個物件多了個--ob--屬性，查了一下資料，說是該物件被vue監控
##列印出來的就是這樣，再列印其屬性就是undefined

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

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樓

雷雷

點贊 +0
新增回覆
熱門專題
更多>
熱門文章
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！