vue綁定元素屬性中插入帶變量的參數解決辦法

第一種方法：

<a data-type="mip"  v-bind:href="'product'+i.id+'.html'">

v-bind:屬性="'字符串'+vue變量+'字符串'"

第二種方法：

<a :href="value.goodsId"></a>

當點擊a標簽跳轉到商品詳情頁的時候，需要獲取到點擊的商品的goodsId，所以要在a標簽的href上傳入goodsId的參數，但是直接

 <a :href="value.goodsId"></a>

或者

<a :href="value.goodsId"></a>

都是錯誤的，那么怎么才能正確傳入想傳的參數呢，這就需要使用  methods

<div id="app"> <a :href="getGoodsHref(value.id )"></a></div>
new Vue({
el: '#app',
data: {},
methods:{
getGoodsHref:function(val){
return 'http://baidu.com?goodsId='+val
}
}