Vue项目实现点击图标拨打电话

1.a标签通过href直接跳转

<a :href="'tel:' + 181****1234"><van-icon name="phone-o" /></a>

2.a标签内写个点击事件的方法,然后通过window.location.href跳转

<a @click="Calltel()"><van-icon name="phone-o" /></a>

methods:{Calltel(){window.location.href = 'tel://181****1234'}}

3.最直接的a标签包裹图标简单粗暴

<p>联系电话：<a :href="'tel:' + item.phone">{{item.phone}}</a></p>