欢迎使用CSDN-markdown编辑器

最新推荐文章于 2024-04-25 08:37:10 发布
最新推荐文章于 2024-04-25 08:37:10 发布
阅读量279 收藏
点赞数
分类专栏： vue 文章标签： web app 导航
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/limy_cxm/article/details/72917138
版权

在做移动webApp的时候，底部导航切换的时候，由于vue主要遵循数据驱动的方法是实现代码功能的，底部导航也是通过数据驱动v-for实现的。所以当给父级组件添加click时失效。
解决方法
根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的click的话，需要加上native修饰符。
所以如果在想要在router-link上添加事件的话需要@click.native这样写

limy_cxm
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-markdown编辑器
weixin_33989780的博客
08-23 121
在线示例地址 GitHub :github.com/zhaoxuhui11… 1.简介 一款使用marked和highlight.js开发的一款markdown编辑器，目前只支持在vue项目中使用。 编辑器涵盖了常用的markdown编辑器功能，工具栏可自定义配置，也可进行二次开发。 效果 2.安装 npm i -S vue-meditor 或 直接复制对应的组件到项目目录内 （推荐） 复制...
欢迎使用CSDN-markdown编辑器-
tuzixini的博客
06-01 861
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I...
欢迎 使用CSDN-markdown编辑器
Anonymo的博客
01-07 325
Markdown编辑器CSDN官方教程 是不是第一次用过CSDN的MarkDown编辑器之后就找不到官方的教程了，想写又不知道怎么写，别怕，我截屏了。
欢迎使用CSDN-markdown编辑器- 简书
Andy_ZJH的博客
03-26 681
欢迎使用CSDN-markdown编辑器 96 流水潺湲 关注 2017.03.09 10:41* 字数 876 阅读 965评论 0喜欢 0 —来自CSDN博客 欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 U...
欢迎使用CSDN-markdown编辑器.md
09-24
2019最新csdn自带的介绍范文模板 如果写过一次博客，这个文档就找不到了（没有恢复到本模板的url） 就在这里备份一下 方便查阅
欢迎使用CSDN-markdown编辑器.html
03-31
: csdn博客编写快捷操作，新增各种快捷功能，全新界面，简易操作，多屏幕编辑，焦点写作、预览模式、简介写作模式、左右区域同步滚轮设置等功能。
vue项目遇到的坑（vue项目中的某个组件调用外部js）
热门推荐
limy_cxm的博客
06-14 2万+
第一步骤 当项目做一个圆环进度条的时候，我自己用canvas写了一个js,并且封装成函数。当时想到的是直接将函数写在组件中然后进行调用： 报错了：Uncaught TypeError: Cannot read property ‘getContext’ of null 然后意识到canvas的getContext方法需要在页面文档加载完成之后才会去触发识别这个属性。所以canvas写的代码不
vue遇到过的坑（父组件向输入框组件传值进去，然后子组件利用传进来的数据进行数据绑定的问题与解决方法）
limy_cxm的博客
06-20 1万+
vue.js一大特性是可以实现很多可复用的组件。 我做项目的时候，封装了一个输入框组件，然后页面上所有相同样式的地方都用这个组件来进行调用，刚开始以为实现起来很简单，作为一个vue刚刚学习的人来说，不就是写一个单组件，然后各个页面input的问题吗，可是实际当我在进行传值的时候遇到了问题，因为我们传值过程中，vue一向遵循的是数据耦合，不会去更改两者之间的数据，vue也提供了报错，但是在进行父组件
vue在路由过程中，改变导航栏的单个点击样式的问题。
limy_cxm的博客
06-21 1万+
当我们做一个公共底部组件，类似于tab选项卡或者导航栏，单击路由到另外一个组件上的时候，我们改变当前路由的样式问题，并且返回，样式不会初始化，因为他是由路由决定的 如果导航栏全部都是由router-link包含跳转的话，有一个非常好的方法 router-link-active —-.router-link-active这个class，是当路由path指向当前组件时自动生成的，可以在此处设置样式
Vue关于子组件内表单元素与父组件之间的传值问题
limy_cxm的博客
02-22 4074
Vue的组件应该解耦,组件当中的作用域是完全独立存在的。 子组件中不能直接使用父组件的数据。应该使用props传递父组件到子组件的数据，子组件通过events给父组件发消息，以此实现父子组件间的通信。 而对于表单元素，子组件经过props的传值不能直接绑定到表单元素上，因为表单元素变化的同时，会影响改变父组件内部绑定数据的变化，这在Vue里面是不被允许的。会出现报错情况 对于表单组件内部的元...
vue遇到的坑
limy_cxm的博客
06-08 2626
父级组件采用数据驱动渲染出来的导航栏之后，由于页面渲染的是子组件，这个时候在子组件中去触发父级组件上的事件并没有发生，这个时候反复找了网上查找了一些资料，刚开始百度到了一个关于v-for与click事件搭配出现失效的问题，由于我的父级组件也是通过v-for数据驱动渲染出来的页面，这个时候从这个方面出发，一直查找都没有答案，后来发现，当我们在子组件中去触发父级组件的时，父级组件的事件后面应该加个修饰符
vue经历的坑
limy_cxm的博客
06-09 506
父级组件与子组件之间的通信 当我们在子组件去调用父组件中的事件时，我们需要在父组件中的事件添加.native修饰符，不然会失效。 vue页面初始化数据 当我们在组件中去调用接口获取数据并初始化渲染组件上的dom的时候，我们只需要在methods中添加http请求的方法，然后再created去调用即可。如下：methods:{ //获取所有文章 getArticl
WAF（Web Application Firewal）
qq_69100706的博客
04-25 591
WAF有多种部署形式，包括硬件WAF（作为独立设备部署在网络边缘）、软件WAF（安装在服务器上）和云WAF（作为一种云服务，无需本地部署，通过DNS重定向流量至云防护平台）。：WAF能够防御多种Web应用层面的攻击，包括但不限于SQL注入、跨站脚本（XSS）、跨站请求伪造（CSRF）、文件包含攻击、命令注入等。：WAF能够过滤掉恶意流量，如扫描器的探测请求、DDoS攻击中的大量请求，同时还能优化合法用户的访问体验。：通过有效管理流量和防止攻击导致的服务中断，WAF有助于保持Web应用的稳定性和可用性。
node-v9.6.0-x86.msi
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
Python基于机器学习的分布式系统故障诊断系统源代码，分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别
04-29
基于技术手段（包括但不限于机器学习、深度学习等技术）对分布式系统的故障数据进行分析，设计故障诊断模型，高效地分析并识别故障类别，实现分布式系统故障运维的智能化，快速恢复故障的同时大大降低分布式系统运维工作的难度，减少运维对人力资源的消耗。在分布式系统中某个节点发生故障时，故障会沿着分布式系统的拓扑结构进行传播，造成自身节点及其邻接节点相关的KPI指标和发生大量日志异常
JavaScript前端开发的核心语言前端开发的核心语言
最新发布
04-29
javascript 当今互联网时代，JavaScript已经成为了前端开发的核心语言它是一种高级程序设计语言，通常用于网页的交互和动态效果的实现。JavaScript的灵活性以及广泛的使用使得它变得异常重要，能够为用户带来更好的用户体验。 JavaScript的特点之一是它的轻量级，它可以在网页中运行无需单独的编译或下载。这意味着网页可以更快地加载并且用户无需安装额外的软件才能运行网页上的JavaScript代码。此外，与HTML和CSS紧密结合，可以直接在HTML文档中嵌入，使得网页的开发变得非常便捷。 JavaScript具有动态性，它可以在浏览器中实时修改页面内容和样。它可以通过操作DOM（文档对象模型来动态地修改网页的结构和布局，并且可以根据用户的行为实时地响应各种事件，如点击、标悬停、滚动等。这使得开发者可以轻松地为网页添加交互性和动态效果，提供更好的用户体验。 JavaScript也是一种面向对象的语言。它支持对象、类、继承、多态等面向对象编程的概念，使得代码结构更加清晰和可维护。开发者可以创建自定义的对象和方法，对功能进行封装和复用，提高代码的可读性和可维护性。
CSDN-markdown编辑器
04-25
CSDN Markdown编辑器是一款由CSDN自主开发的在线Markdown编辑工具，它具有以下特点和功能： 1. 简洁易用：CSDN Markdown编辑...7. 多平台支持：CSDN Markdown编辑器可以在多个平台上使用，包括网页版、移动端应用等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值