首页 > 其他分享 >vue v-href跳转外部链接功能实现

vue v-href跳转外部链接功能实现

时间:2023-05-14 13:11:57浏览次数:42  
标签:el vue url binding href 跳转


export default {   href: {     bind(el, binding, vnode) {       el.style.cursor = 'pointer'       if (!(binding.value || '').trim()) return       const url = binding.value       el.addEventListener('click', () => {         window.open(url, '_blank')       })     }   } }

标签:el,vue,url,binding,href,跳转
From: https://www.cnblogs.com/zerofan/p/17399128.html

相关文章

  • xstate在vue中像vuex/pinia那样管理数据
    //store.jsimport{assign,createMachine,interpret}from'xstate'import{useActor}from'@xstate/vue'constcounterMachine=createMachine({id:'counter',context:{count:0,},initial:'idle',......
  • 结合vue2+highchartsjs技术,实现信号分析中的频谱瀑布图、星座图、眼图和声音波形图
    先看效果:总的来说,web端比传统桌面端资源更多一些,是未来学习的趋势。相关的资料在网上都能找到,这里就不提供源码了。......
  • vue核心
    VUE简介vue--一套用于构建用户界面的渐进式JavaScript框架vue特点采用组件化模式--提高代码复用率--让代码更好维护声明式编程--让编码人员无需直接操作DOM--提高开发效率vue安装vue2网址--https://v2.cn.vuejs.org/v2/guide/installation.html下载开发版本安装之后-......
  • java基于springboot基于vue的地方美食分享网站、美食管理系统,附源码+数据库+lw文档+PP
    1、项目介绍java基于springboot基于vue的地方美食分享网站、美食管理系统。(a)管理员;管理员使用本系统涉到的功能主要有:首页,个人中心,用户管理,外国美食管理,中式美食管理,热门菜品管理,论坛管理,我的收藏管理,留言板管理等功能。(b)用户;用户使用本系统涉到的功能主要有:首页,外国美食,......
  • RuoYi-Vue下载与运行
    一、源码下载若依官网:RuoYi若依官方网站鼠标放到"源码地址"上,点击"RuoYi-Vue前端分离版"。跳转至Gitee页面,点击"克隆/下载",复制HTTPS链接即可。源码地址为:https://gitee.com/y_project/RuoYi-Vue.git打开IDEA,选择"GetfromVCS"。将源码地址粘贴到URL输入框中,并选择本......
  • 论坛登录与注册vue代码
    <template><div><Dialog:show="dialogConfig.show":title="dialogConfig.title":buttons="dialogConfig.buttons"width="400px":showCancel="false"@cl......
  • vue2中数组和对象更改后视图不刷新解决办法
    vue2中,改变集合或数据某值时有时候并不会自动更新到视图上去,解决办法  1、官方推荐例如:projectList数组,show值点击一次改变一次方向<tdv-on:click="alertSub(index)"><ahref="javascript:;">{{item.}}</a></td>alertSub(index){this.projectLi......
  • vim 查找、跳转命令
    ————————————————版权声明:本文为CSDN博主「Kashine」的原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_41709234/article/details/123818619 vi、vim命字符查找命令注意:以下操作由【指令模式】下进入【......
  • 单文件报表:vue + element + echarts + axios
    最近做个专项,需要做结果展示,又不想再搭建个复杂工程,今天尝试了单文件的vue,基本做出来了。效果图参考文档1.自己写的v-charts文档:https://www.cnblogs.com/dannyyao/p/10728210.html2.vue官方文档:https://cn.vuejs.org/guide/essentials/reactivity-fundamentals.html#declari......
  • 理解vue2.x版本中productionTip=false设置无效的原因
    首先,我们看到vue官网中关于productionTip的API使用:但是,我在本地中使用却无效,代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname=&q......