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>

Vue项目实现点击图标拨打电话相关推荐

vue项目引入阿里巴巴矢量图标库 ——字体图标
1. 打开阿里巴巴矢量图标库官网 iconfont-阿里巴巴矢量图标库 2. 下载图标步骤 (1) (2) (3) (4) (5) (6)main.js 配置引入assets中的图标路径 (7)页 ...
移动端实现点击号码拨打电话
移动端实现点击号码拨打电话很多网站为了方便与客户沟通会在底部增加联系电话,自己用手按是不方便的,往往需要做成点击电话实现直接拨号功能描述:使用 a 标签实现拨号功能 // 实现拨号关键字段 'te ...
vue项目中设置网站图标
怎么在vue项目中设置网站图标: 1,先下载个icon图标,favicon.ico,大小为32*32的,放到static文件夹下: static文件是vue项目中用来存放静态资源的文件夹,放到这里的文 ...
Vue项目引入阿里巴巴矢量图标库
添加图标并下载一.点击图标管理–>我的项目,创建项目简单点~填个项目名即可二.选择一个图标,加入购物车点击右上角购物车的图标,添加至项目(可以直接点击下载代码,不需要创建项目,但是如果是 ...
vue项目引入彩色iconfont图标
做项目的时候经常会使用到iconfont图标库,在项目开始的时候提前想好需要什么图标,最好是多下载几个可替换的同类型图标,宁滥勿缺(别问,问就是得到了教训),无色的还是彩色的,这点很重要. 首先了解一 ...
Vue项目iconfont新增svg图标
最近接手一个开发一半的Vue3的后台管理项目,由于样式需要,需要新增一些svg图标,项目使用的是iconfont接下来我会通过几个步骤在原来iconfont基础上去新增一些自己的图标: 一.iconf ...
vue项目中使用iconMoon图标
前两篇文章写了一下如何在vue项目中使用vue-awesome和阿里的iconfont,这里介绍一下如何使用iconMoon图标 iconMoon和前两者相比可以生成自己的矢量图,这点是我喜欢的.至于 ...
直接调用android原生接口实现点击直接拨打电话功能
2019独角兽企业重金招聘Python工程师标准>>> 拨打电话的话,需要一个权限,就是android.permission.CALL_PHONE. 所以,首先在AndroidMen ...
vue项目中设置浏览器图标
如何设置项目运行时在浏览器网页窗口中图标的显示,请如下操作: 通过看vue项目的目录结构,根目录下有一个index.html,这个就相当于我们普通项目中的各个html页面文件,所以设置方法就是在ind ...

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

Vue项目实现点击图标拨打电话相关推荐

最新文章

热门文章