使用element ui 中的el-link超链接标签不生效，该问题的解决方法

最新推荐文章于 2024-06-24 14:37:18 发布
最新推荐文章于 2024-06-24 14:37:18 发布
阅读量5.2k 收藏 2
点赞数 2
分类专栏： 全栈 文章标签： vue elementui node.js yarn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songisgood/article/details/123747243
版权

使用element ui中的el-link文字超链接不生效的原因，多半是node.js 依赖包element-ui版本低于"element-ui": "2.8.0"，因为"element-ui"依赖包2.8.0以下不支持超链接。

我这里用的yarn进行包管理

 将element-ui 版本改成2.8.2

执行

yarn install

然后运行 npm run dev 

可以看到超链接生效。

使用npm管理包原理类似。

songisgood
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Element-Ui组件（四）Link 文字链接
究极死胖兽的博客
06-03 4万+
Element-Ui组件（四）Link 文字链接 本文参考Element官方文档： http://element-cn.eleme.io/#/zh-CN/component 基础用法 el-link比较简单，用法与el-button类似，经常与icon搭配使用，type属性主要用于控制其颜色，以下是用一组链接制作的简单导航栏： <template> <div> ...
vue使用element-ui后@click事件不生效
岁末zzz的博客
01-22 2696
@click改为@click.native
2021-08-20
weixin_41231084的博客
08-20 110
关于URL跳转路径的错误 自己在用标签或者vue的el-link组件的时候，无论怎么url都跳转不出去，最开始我是这样写的 发现不生效，页面一直跳转到我当前的页面，后面加了http:// 效果如下： 就成功跳转了出去，网上一堆理论，没有解决我的问题，记录一下，希望帮助到小伙伴。 ...
【Vue3】el-link
qq_39921135的博客
06-17 380
【代码】【Vue3】el-link。
electron-vue项目，点击事件怎么没反应
weixin_38076674的博客
05-14 2601
这是一个vue文件 <template> <div style="background-color: #EBEBEB;min-height:800px"> <div style="width:100%;background-color: #636363; overflow: hidden"> <span class="demonstration"...
vue、elment中el-table-column标签下el-link中无法绑定数据源问题
weixin_38225763的博客
09-02 450
问题如下,在中，如果不用prop属性，直接绑定字段不显示数据
react router native : rn to web使用link标签失效
yellowpig1210的专栏
03-18 292
rn项目的路由使用link标签可以成功跳转 const linkParams = { pathname: '/star', state: { data: item }, } <Link to={ linkParams } component={ TouchableOpacity }> <Item text={ item.text } index={ ...
EL 无法解析(原样输出EL)解决办法
dishell的专栏
10-18 393
JSP页面EL表达式无效的问题2008-01-20 16:44以前用WSAD wizard做的，都可以在JSP页面中解析到EL表达式，当然前提是JSP2.0的情况下。 今天遇到了一个莫名其妙的问题。刚下载Eclipse3.3+MyEclipse6.0体验的过程中，遇上了解析不到EL表达式的问题。经过好几个小时的琢磨终于发现了，给大家share一下： 问题就出在建Web Project的时候...
基于element-ui对话框el-dialog初始化的校验问题解决
10-14
在使用Element-UI框架开发前端应用时，遇到的一个常见问题是关于`el-dialog`对话框的初始化校验问题。`el-dialog`是Element-UI提供的一个模态对话框组件，它通常与`el-form`结合使用，用于数据输入和验证。然而，当...
vue使用element-ui的el-input监听不了回车事件的解决方法
01-21
今天在使用element-ui时，el-input组件监听不了回车事件，如下代码没有想要的效果： <el class=search-input placeholder=请输入内容 v-model=searchText keyup.enter=search()></el> 原因应该是element-ui自身...
vue2.0 + element UI 中 el-table 数据导出Excel的方法
08-27
这个方法可以在 Vue2.0 + Element UI 中使用，也可以在其他框架中使用，只需要安装依赖项并编写对应的代码。 相关链接： * SheetJS：http://sheetjs.com/ * FileSaver：https://github.com/eligrey/FileSaver.js *...
解决Vue router-link绑定事件不生效的问题
10-15
主要介绍了解决Vue router-link绑定事件不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Element-UI升级后，el-table不显示 空白问题 备份包 资源备份
10-26
3. **更新代码**：根据Element-UI的官方文档，检查并更新项目中使用到的API，确保使用的是最新版本的推荐方法。 4. **Vue版本兼容**：检查Vue的版本，若不兼容，升级或降级Vue至适配Element-UI的版本。 5. **修复...
Element-plus中 el-button按钮点击之后颜色不还原的问题
最新发布
前端打工人的博客
06-24 453
的默认策略鼠标按下后处于 focus 状态，也就是看上去没有恢复成原来的颜色（此时是focus样式被激活）。修改这个问题非常简单，不过不应该破坏w3标准的默认策略，因为网页访问者有正常人、残障人、机器人等，可能会破坏其他使用者的操作。第一种方法：可以通过css解决，这样可能会引起一些效果失效，点击之后，再次点击hover效果没有了，link等类型的按钮这样设置无效，不建议修改。经过一番搜索发现问题所在，鼠标点击之后处于focus状态，所以看上去没有恢复成原来的颜色（此时是focus样式被激活）
el标签不能解析
nonobabaya的博客
07-01 273
昨天搞了一天的spring webflow，在jsp里面用el标签引用webflow里面的变量的时候发现解析不了，百死不得七姐啊，后来发现原来是DOCTYPE搞的鬼，现将el标签不解析所有可能出现的问题罗列一下： 1 首先需要你的tomcat是4以上，貌似3不支持，因为没经过验证，所以只能从网上说 2 你的jsp必须是2.0以上的，就是tomcat里面的jsp-api，如果js...
表单点击事件不能及时渲染
qq_51586463的博客
01-02 296
表单中点击按钮不能输入框中不能及时生成相应的数据
linkbutton按钮在某些条件下置为灰色不能点击（基于easyui）
陌子曦的专栏
03-30 5124
首先在datagrid中添加onClickRow事件 " data-options=" rownumbers:true, singleSelect:true, fit:true, method:'post', fitColumns: true, striped:true, pagination:true,
element 若依 表格内的超链接跳转
s212571231的博客
09-13 3490
element 若依 表格内的超链接跳转
vue路由的使用以及如何解决在router-link上添加点击事件无效的情况
Maximum_Patrick的博客
12-18 1906
vue路由的使用以及如何解决在router-link上添加点击事件无效的情况 一、vue路由的使用 首先要去npm商店下载安装vue-router，安装好之后新建router.js文件将vue-router引入 第二步，将所有你需要使用路由跳转的页面引入 第三步，使用路由 第四步，定义一个router将路径、名称、组件名存入 第五步，记得将路由导出，这样main.js中才能导入 最后，在main.js中进行导入，在对应页面就可以用router-link进行路由选择了 使用方法： 在对应页面使用r
Vue中使用element-ui的el-dialog对话框
05-30
要在Vue中使用element-ui的el-dialog对话框，你需要先安装element-ui，可以使用npm或者yarn进行安装。 1. 通过npm安装 ``` npm install element-ui --save ``` 2. 通过yarn安装 ``` yarn add element-ui ``` 安装完成后，在Vue项目中引入element-ui，并注册el-dialog组件。 ```javascript import Vue from 'vue' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) ``` 现在你可以在Vue组件中使用el-dialog组件了。下面是一个简单的示例： ```html <template> <div> <el-button type="primary" @click="dialogVisible = true">打开对话框</el-button> <el-dialog title="提示" :visible.sync="dialogVisible"> <span>这是一个对话框</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">取消</el-button> <el-button type="primary" @click="dialogVisible = false">确定</el-button> </span> </el-dialog> </div> </template> <script> export default { data() { return { dialogVisible: false } } } </script> ``` 在这个示例中，我们使用了el-button组件来触发打开对话框的事件，然后在el-dialog组件中定义了对话框的标题和内容，并使用visible.sync来控制对话框的显示和隐藏。在底部我们使用了el-button组件来定义对话框的按钮区域。 这是一个简单的例子，你可以根据自己的需求来定制对话框的样式和交互。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值