使用vue中路由router-link中包含a标签
当vue中使用router-link包含a标签的时候,a标签会取代routerlink的值实现跳转,{{item.name}}{{item.address}}{{item.distance}}米图标{{item.tel}}{{item.name}}{{item.address}}{{item.distance}}米图标{{item.tel}}
当vue中使用router-link包含a标签的时候,a标签会取代routerlink的值实现跳转,
<div class="list" v-for="(item,index) in listName" @click="toDetail(item.id)">
<p>{{item.name}}</p>
<p>{{item.address}}</p>
<p>{{item.distance}}米</p>
<a :href="getUrl(item.tel)">图标{{item.tel}}</a>
</div>
<!--<router-link :to="{path:'detail',query:{id:item.id}}" tag="div" class="list" v-for="(item,index) in listName" @click="toDetail()">
<p>{{item.name}}</p>
<p>{{item.address}}</p>
<p>{{item.distance}}米</p>
<a :href="getUrl(item.tel)">图标{{item.tel}}</a>
</router-link>-->
下面这个routerlink中a标签会替代router-link的使用
可以使用div加点击事件
2 当在vue中实现 a href="tel:1325425652"的时候,直接使用:href="tel"+变量的方法不可以,
可以使用函数封装
getUrl(tel){
return "tel:"+tel;
},
更多推荐
所有评论(0)