简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – Der Wert eines Objekts mit dem Attribut -ob- in Vue kann seine anderen Attributwerte nicht erhalten
ringa_lee
ringa_lee 2017-05-19 10:39:20
0
3
1120


Das von der Play-Methode übergebene Objekt kann seine Attribute nicht erhalten.

kann nur für dieses Objekt gedruckt werden, und sein Wert kann nicht gedruckt oder abgerufen werden. Attribut, prüfen Nach der Überprüfung der Informationen heißt es, dass das Objekt von Vue überwacht wird

Dies ist, was es ausdruckt, und seine Eigenschaften sind beim erneuten Drucken undefiniert

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

ringa_lee

Antworte allen(3)
習慣沉默
習慣沉默2017-05-19 10:41:20 3 Etage

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

Wie +0
Antwort hinzufügen
巴扎黑
巴扎黑2017-05-19 10:41:20 2 Etage

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

Wie +0
Antwort hinzufügen
大家讲道理
大家讲道理2017-05-19 10:41:20 1 Etage 
var json = JSON.stringify(JSON.parse(this.list));
console.log(json);
Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！