您好,欢迎来到伴沃教育。
搜索
您的当前位置:首页vue填坑---在vuejs中实现a标签href tel的功能

vue填坑---在vuejs中实现a标签href tel的功能

来源:伴沃教育

1. 场景

persons: [
    {
        name: 'arron',
        phone: 13811112222
    },{
        name: 'jack',
        phone: 13900088822
    },{
        name: 'steven',
        phone: 13711119909
    }
]
遍历persons,实现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>

这时候发现这种写法根本无法实现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>

Copyright © 2019- bangwoyixia.com 版权所有 湘ICP备2023022004号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务