vue问题：router-link中的tag没有生效

最新推荐文章于 2023-12-12 12:00:25 发布
最新推荐文章于 2023-12-12 12:00:25 发布
阅读量3.4k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44222717/article/details/104529990
版权

在这里插入图片描述
原因：没有将router挂载
解决方法：
在main.js中加入以下代码

import router from './router/index'

new Vue({
  router
}).$mount('#app')
lian_DS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Bug记录】Vue绑定按钮点击事件不生效，控制台不打印信息
翱翔于世纪的博客
03-12 1105
目录一、问题描述二、发现问题并解决 一、问题描述 作为刚入门Vue小白的我，在使用Vue进行登录表单按钮绑定点击事件的时候，发现其方法没有执行。一点击按钮就会重新刷新页面。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
解决Vue router-link绑定事件不生效的问题
10-15
主要介绍了解决Vue router-link绑定事件不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-cli4中的路由标签router-link的tag，修改内容标签tag属性，不起作用，没有效果
qq_52185114的博客
10-11 1835
在vue-cli4中，删除了 <router-link> 中的 event 和 tag 属性。原因就是这些属性经常一起使用，以使用与 <a> 标签不同的东西，但这些属性是在 v-slot API 之前引入的，并且没有足够的使用，因此没有足够的理由为每个人增加 bundle 包的大小。 不过我们却可以使用 v-slot API来完全定制<router-link>，如下图： <router-link to="/home" tag=...
Vue学习笔记（八）——router绑定事件不生效的解决方案
讨厌走开啦
04-02 2873
参考文档一：https://cn.vuejs.org/v2/guide/ 参考文档二：https://www.cnblogs.com/minghui007/p/7263177.html 对初学者来说，使用路由后遇到的第一个问题通常是尝试在路由跳转时执行定义的函数，但是发现路由跳转时函数没有执行，类似下面这样的代码： <!DOCTYPE html> <html lang="en"&...
关于vue3 router-link的tag属性不生效的问题
Yydemo1的博客
10-21 622
以上代码不生效，因为vue3.x版本对应的vue-router4.x版本已经不支持tag写法，以下写法替换。虽然麻烦了一点点，但是更方便控制样式和结构了。
vue的router-link的tag属性不起作用
A444477的博客
02-12 1197
vue3.0 貌似取消了tag
vue-router不生效
qq_53719087的博客
09-20 1951
请确保您的路由链接指向正确的路径。如果您使用了HTML5 history模式，请确保您的服务器已经正确配置。没有正确安装和配置Vue Router。请确保您已经按照官方文档正确安装和配置了Vue Router。您的组件没有正确引入。请确保您的组件被正确引入到Vue实例中，以便路由可以正确匹配到组件。如果您仍然无法解决问题，请提供更多详细信息，以便我们可以更好地帮助您解决问题。请仔细检查您的路由配置，确保路径和组件名称都正确。
Vue-router不生效的原因
YXh1412278770的博客
12-12 2019
要要注意的是，<router-view>必须放在需要跳转组件的前面。如果<router-view>在<home-page>的后面，跳转将不会生效。2.是否映入router-view。1.正确引入vue-router。
vue-router不生效的问题
m0_46131187的博客
10-30 815
问题：当修改 APP.vue文件中的额部分内容的时候，能够编译出。但是浏览器刷新页面不能够正常显示页面。原因：元素挂载放在了前面。
详谈vue中router-link和传统a链接的区别
10-15
`<router-link>` 是Vue Router提供的一个组件，用于在应用中实现平滑的导航。下面将详细探讨这两者的差异。 首先，`<router-link>` 在HTML5 history 模式和hash模式下表现一致，这意味着不论你选择哪种路由模式，`...
解决vue更新路由router-view复用组件内容不刷新的问题
10-16
今天小编就为大家分享一篇解决vue更新路由router-view复用组件内容不刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解vue-router 2.0 常用基础知识点之router-link
12-09
在Vue 2.0中，`router-link`组件是用于创建导航链接的关键元素，它与`router-view`配合使用，实现了单页面应用(SPA)的页面切换。 首先，我们来看`$route.params`。这是一个对象，存储了动态路径参数和全匹配片段。...
vue3+vue-router@4.2.0 与vue-tools冲突导致router-link等跳转不生效
weixin_63029264的博客
07-25 188
【代码】vue3+vue-router@4.2.0 与vue-tools冲突导致router-link等跳转不生效。
Vue2中注册在router-link上事件无效解决方法
Fairy_Yss的博客
09-25 712
今天用vue在做一个tab栏切换的时候，偶然发现我绑定在router-link上的click并不会触发， 后来测试发现，所有绑定在router-link中的事件都不会触发 此后查看了官方的文档，也并没有给出明确的说明： 代码如下： <li > <router-link to="/one" @click="change('color1')" :c...
router-link tag属性问题
liu250696676的博客
07-02 7444
router-link使用tag属性出现警告问题,如图所示 控制台错误消息为： [vue-router] <router-link>'s tag prop is deprecated and has been removed in Vue Router 4. Use the v-slot API to remove this warning: https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-
今天用脚手架搭建了一个项目idea 提示说不知道这个 router-link
zhangjgit的博客
08-10 3910
Unknown html tag router-link less... (Ctrl+F1) This inspection highlights unknown HTML tags, and lets mark such tags as Custom to avoid highlighting them as unknown in future
router-link 绑定事件不生效
玲曦的博客
05-28 1102
在vue中绑定事件是一下这种方法： v-on:click=‘函数名称’; @click = ‘函数名称’; 这两种写法都是正常。 但是我们使用了 vue-router 路由时会使用 标签来代替 a 标签跳转。我们在 vue-router 标签绑定 @click 事件 。 <router-link to="/date" @click="nav_click">最新</router-link> methods: { nav_click: function() { co
磁力链磁力链磁力链.txt
最新发布
07-22
磁力链
vue3中router-link to不生效
08-30
在Vue3中，`router-link`的`to`属性不生效可能是因为使用了错误的导航方式或者没有正确配置路由。在Vue3中，使用`router-link`时，需要确保已经正确安装并配置了Vue Router。另外，`to`属性的值应该是一个有效的路由路径。如果`to`属性的值设置正确而仍然不生效，可能是因为事件绑定问题。 在Vue3中，`router-link`的点击事件可以通过`v-slot`来绑定，而不是使用`@click`。以下是一个示例，展示了如何正确使用`router-link`以及绑定点击事件： ```html <router-link to="/date" v-slot="{ navigate }"> <a @click="nav_click(navigate)">最新</a> </router-link> methods: { nav_click(navigate) { // 执行你的逻辑 navigate() } } ``` 请注意，这里的点击事件参数是`navigate`，而不再是之前的`$router`。通过调用`navigate()`来进行路由导航。确保你已经正确地配置了Vue Router，并且`to`属性的值是有效的路由路径。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [router-link 绑定事件不生效](https://blog.csdn.net/qq_42565994/article/details/106403676)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [【Vue项目练习】router-link跳转失败原因](https://blog.csdn.net/xptxhx/article/details/127786820)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值