例子:
<li
v-for="(item,index) in dataList"
:key="index"
@click="back(item.address_id,item.name,item.phone,item.province.district_name+item.city.district_name+item.area.district_name+item.address)"
>
<h3 class="clear">
<p class="inline_block">{{item.name}}</p>
<h4
class="inline_block pull_right"
>{{item.phone.substr(0,3)+"-"+item.phone.substr(3,4)+'-'+item.phone.substr(7,4)}}</h4>
<h5>{{item.province.district_name+item.city.district_name+item.area.district_name+item.address}}</h5>
</h3>
<div class="clear">
<h1 class="inline_block" v-if="item.is_default">
<h4 class="aa inline_block active"></h4>
<span>默認(rèn)</span>
</h1>
<h2 class="inline_block pull_right">
<h3 class="inline_block" @click="deleteItem(item)">刪除</h3>
<h4 class="inline_block" @click="editer(uid,item.address_id)">編輯</h4>
</h2>
</div>
</li>
大家看 代碼中的h5標(biāo)簽,因?yàn)槭且粋€(gè)地址的拼接,但是在因?yàn)槲蚁胫髞?lái)要用到這個(gè)地址的字符串,所以就想把他放在方法里,然后在data定義一個(gè)變量然后通過這個(gè)變量去訪問到地址字符串,但是,問題就在這,因?yàn)樗且粋€(gè)循環(huán),所以如果循環(huán)里放上一個(gè)方法利用傳參去拼接參數(shù)的話就會(huì)在這個(gè)方法里走上數(shù)組長(zhǎng)度的平方次,這將極大的消耗內(nèi)存以及性能,所以,在模板里利用方法傳參計(jì)算 的還是要慎重?。?!