vue中如何给el-radio添加tooltip并实现点击跳转

透过代码观世界

于 2020-03-04 11:15:46 发布

阅读量2.7k

点赞数 2

分类专栏：原创分享文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/yimaode/article/details/104649651

版权

原创分享专栏收录该内容

9 篇文章

订阅专栏

<el-tooltip :disabled="toolTipDisable" placement="bottom" effect="light">
    <div slot="content" @click="goToRout()">{{toolTipContent}}</div>
    <el-radio label="3">New Youk</el-radio>
</el-tooltip>


goToRout(){
   let routeData = this.$router.resolve({name: '/your url', params: {active:'1'}});
   window.open(routeData.href, '_blank');
}

说明：
（1）toolTipDisable：可控制tooltip是否可用
（2）slot=“content”：表示tooltip提示的内容指定已DOM格式插入到页面
（3）goToRout()：路由跳转方法
（4）toolTipContent：提示的内容信息
欢迎大家访问我的个人博客：http://blog.ycsn.xyz/