Javascript Vue.js:如何在计算函数中读取$index?
我有一个链接列表:Javascript Vue.js:如何在计算函数中读取$index?,javascript,arrays,indexing,vue.js,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: [ { messa
<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 ??
}
}
})
-
var example1=新的Vue({
el:'菜单',
数据:{
项目:[
{消息:'Link1'},
{消息:'Link2'}
]
},
计算:{
链接:函数(){
返回f($index)//如何访问当前数组索引??
}
}
})
我可以通过在
href
属性中使用mustache标记来实现所需的结果,但必须能够从计算函数中访问此$index
变量?您不能
这就是方法的用途:
<a href v-bind:href="link($index)">{{item.message}}</a>
methods: {
link: function(index) {
return f(index)
}
}
方法:{
链接:功能(索引){
返回f(索引)
}
}
你不能
这就是方法的用途:
<a href v-bind:href="link($index)">{{item.message}}</a>
methods: {
link: function(index) {
return f(index)
}
}
方法:{
链接:功能(索引){
返回f(索引)
}
}
非常感谢,看起来它能完美完成任务!(我是Vue新手)哦,是的,我的意思是方法明显很好,非常感谢,看起来它会完美地完成这项工作!(我是Vue新手)哦,是的,我是说方法