首页 > 其他分享 >Vue踩坑日记一

Vue踩坑日记一

时间:2022-11-28 14:58:18浏览次数:38  
标签:原生 Vue click 添加 事件 日记

Vue踩坑日记一:View UI添加单击事件不生效

问题

使用Iview Menu 过程中,出现其子项 MenuItem 添加 @click 事件无法生效的问题。

解决办法:

使用 @click.native 原生点击事件替代 @click 点击事件。

<Menu class="main-menu" mode="horizontal" theme="dark">
    <div class="main-nav">
          <MenuItem
              class="main-nav-menu"
              v-for="(item, index) in menus"
              :key="item.name"
              :name="item.name"
              @click.native="turnToPage(item.name, index)"
          >
              <img class="main-nav-img" :src="item.img" />
              {{ item.title }}
          </MenuItem>
    </div>
</Menu>

.native —— 监听组件根元素的原生事件。
主要是给自定义的组件添加原生事件。

标签:原生,Vue,click,添加,事件,日记
From: https://www.cnblogs.com/former/p/16932175.html

相关文章

  • 【Vuejs】114-从头开始学习Vuex
    一、前言当我们的应用遇到多个组件共享状态时,会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。以前的解决办法:a.将数据以及操作数据的行为都定义在......
  • Vue获取到 Promise {<pending>} 数的格式解析方法
    Promise.all([request({url:urlPrefix_custom,method:'get',params:querys})]).then((res)=>{console.log("---......
  • vue大文件上传失败
    ​ 前言文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好......
  • # vue 实现文件切上传
    vue实现文件切上传在实际开发项目过程中有时候需要上传比较大的文件,然后呢,上传的时候相对来说就会慢一些,so,后台可能会要求前端进行文件切片上传,很简单哈,就是把比如说1个G的......
  • 捣鼓日记-家用nas群晖6.2.3使用星际蜗牛128GB固态硬盘安装系统
    要使用特殊的二合一系统使用其中的extend系统黑群晖二合一镜像(6.2.3和6.1.7)设置向导、分区自动扩容|若夜彼岸(ruoyer.com)链接:https://pan.baidu.com/s/12CLGPJHj-......
  • Vue富文本编辑器(vue-quill-editor)使用✔✔
    最近工作中需求使用一款富文本编辑器,最终选择了vue-quill-editor,之所以选择vue-quill-editor,是看上了它的轻量以及外观简洁的优势。打开官方文档,直接上手配置,各种报错,踩了......
  • vue element 样式不生效问题
    1.第一次用element-ui的select框发现怎么改样式都不生效,尝试了各种方式,总显示默认样式;获取了dom元素发现弹框是插在了body元素内,并不是对应的select选择下翻了翻文档,发......
  • Vue3快速上手
    Vue3快速上手<imgsrc="https://user-images.githubusercontent.com/499550/93624428-53932780-f9ae-11ea-8d16-af949e16a09f.png"style="width:200px"/>1.Vue3简介......
  • 基于SqlSugar的开发框架循序渐进介绍(22)-- Vue3+TypeScript的前端工作流模块中实现统一
    在工作流页面中,除了特定的业务表单信息外,往往也需要同时展示通用申请单的相关信息,因此在页面设计的时候需要使用一些组件化的概念来实现动态的内容展示处理,本篇随笔介绍Vue3......
  • vue批量上传文件
    ​前言一、SpringMVC简介1.1、SpringMVC引言为了使Spring有可插入的MVC架构,SpringFrameWork在Spring基础上开发SpringMVC框架,从而在使用Spring进行WEB开发时可以......