javascript - Vue.js:如何读取计算函数中的 $index ?

标签 javascript arrays indexing vue.js

我有链接列表:

  <ul id="menu">
     <li v-for="item in items">
       <a href v-bind:href=link>{{item.message}}</a>
     </li>
  </ul>


  var example1 = new Vue({
  el: '#menu',
  data: {
     items: [
        { message: 'Link1' },
        { message: 'Link2' }
     ]
  },
  computed: { 
      link: function() {
          return f($index)    // how do I access current array index ??
      }
  }
  })

我可以通过在 href 属性中使用 Mustache 标记来实现所需的结果,但必须可以从计算函数内访问此 $index 变量?

最佳答案

不能

这就是方法的用途:

<a href v-bind:href="link($index)">{{item.message}}</a>

methods: { 
  link: function(index) {
    return f(index)
  }
}

关于javascript - Vue.js:如何读取计算函数中的 $index ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38850705/

相关文章:

javascript - 如何识别onbeforeunload是点击关闭按钮引起的

javascript - 使用 Google Apps 脚本查找二维数组内部

mysql - 需要一个sql高效查询

C - 返回数组不起作用

python - 更新多重索引 np.array 中的元素

python - 用于数组索引的 Matlab 逻辑 - Python 等效项

javascript - 将动态形式序列化为对象数组

javascript - 选择下拉列表时如何禁用文本字段

javascript - 将 vec2 数组传递给 THREE.js 中的着色器

Javascript array.find() 回调将对象覆盖为全局数组