Question

我正在尝试访问＆＃34; ts＆＃34;在计算属性中，所以我可以（最终）根据其值返回不同的类。但我无法获得＆＃34; ts＆＃34;。

的价值

     <div id="example">

        <div v-for=" alerte in alertes" v-bind:class=bgcoul>
         {{alerte.text}}   {{alerte.ts}}
        </div>

    </div>


    var vm = new Vue({
        el: '#example',
        data : {
          alertes:[ 
            {text: "qeq2", ts: '0'},
            {text: "qeq3", ts: '5'},
            {text: "qeq3", ts: '15'}
        ]
      },
         computed: {
            bgcoul: function () {
              console.log(this.ts);
              return { };
            }
         }
});

console.log（this.ts）仅提供＆＃34; undefined＆＃34;。

Answer 1

this.ts不存在。 this.alertes是一个对象数组，其中每个对象都具有ts属性。

computed: {
  bgcoul: function () {
    this.alertes.forEach(alert => console.log(alert.ts) )
    return { };
  }
}

Answer 2

将ts值作为参数传递并使用方法，请参阅下面的代码片段

＆＃13;

var vm = new Vue({
        el: '#example',
        data : {
          alertes:[ 
            {text: "qeq2", ts: '0'},
            {text: "qeq3", ts: '5'},
            {text: "qeq3", ts: '15'}
        ]
      },
         methods: {
            bgcoul: function (ts) {
              console.log(ts);
              return { };
            }
         }
});

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
     <div id="example">

        <div v-for=" alerte in alertes" v-bind:class="bgcoul(alerte.ts)">
         {{alerte.text}}   {{alerte.ts}}
        </div>

    </div>

＆＃13;

从计算属性中读取数据值

2 个答案: