1. 場景
persons: [
{
name: 'arron',
phone: 13811112222
},{
name: 'jack',
phone: 13900088822
},{
name: 'steven',
phone: 13711119909
}
]
遍歷persons，實現(xiàn)tel功能
2. 剛開始的錯誤想法
<div v-for="p in persons">
<p>
name: {{ p.name }}
</p>
<p>
tel: <a :href="tel: p.phone">call me</a>
</p>
</div>
這時候發(fā)現(xiàn)這種寫法根本無法實現(xiàn)tel的功能
3. 正確做法刀崖，拼接字符串
<div v-for="p in persons">
<p>
name: {{ p.name }}
</p>
<p>
tel: <a :href="'tel:' + p.phone">call me</a>
</p>
</div>
OK! Demo
