Vuejs v-bind:href返回警告

时间:2018-05-28 20:32:13

标签: javascript vue.js vuejs2

我一直在努力将对象正确绑定到vue.js上的一个锚点(注意这是我第一次做vue.js)

<li v-for="object in filterArray" :key="branchurl">
<a v-bind:href="object.url"  v-on:click="function(object)"></a>
</li>

这让我得到一个“属性或方法”数据“没有在实例上定义,而是在渲染期间引用。通过初始化属性,确保此属性在数据选项或基于类的组件中是被动的。“

我的vue代码就像这样

 var vm = new Vue({
el:  "#app",
data: {

    array: [
        { url:"#1", phone:"", city: "", zipcode: "", name: "", address: "", time1: "", time2: "" },

    ],

},
computed: {
    filterArray: function() {

        return this.arrray;

    }
}
});

我想要一些帮助,这是正确的方法,因为没有发现删除警告的东西。

由于

1 个答案:

答案 0 :(得分:0)

经过一些尝试并回到开始之后,似乎vue喜欢`之间“for v-bind:href to work

<a v-bind:href="`?branch=`+array.url"