Vue.js中，鼠标放在某个元素弹窗提示框

最新推荐文章于 2023-09-05 09:59:09 发布

汉堡是个喵

最新推荐文章于 2023-09-05 09:59:09 发布

阅读量525

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/h18749849699/article/details/132577782

版权

如图所示，鼠标放上去可提示内容等信息

        <div
            id="topSpk"
            :class="[
              'phone-icon',
              item.state === 'BUSY' || !disabled ? 'swing' : '',
            ]"
            :title="'名称：' +item.name +'\n'+'号码：'+ item.deviceId +'\n'+'桩号：'+ item.paleNumber+'\n'+'ip地址：'+ item.ip"
            v-show="item.name != '空'"
          >
        </div>

可在标签中增加title属性，添加所需要的信息，\n可换行