Vue-elementui 下拉框(el-dropdown)绑定点击事件

2023-11-11

ElementUI组件下拉框绑定点击事件无效的解决方案

在使用脚手架构建的项目中需要使用到下拉组建

 <el-dropdown>
          <span class="el-dropdown-link" ref="echarType">
           柱状图<i class="el-icon-arrow-down el-icon--right"></i>
          </span>
          <el-dropdown-menu slot="dropdown" >
            <el-dropdown-item>柱状图</el-dropdown-item>
            <el-dropdown-item @click='click'>表格</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>

使用这种方式绑定事件无效
正确打开方式 @click.native绑定点击事件

<el-dropdown>
          <span class="el-dropdown-link" ref="echarType">
           柱状图<i class="el-icon-arrow-down el-icon--right"></i>
          </span>
          <el-dropdown-menu slot="dropdown" >
            <el-dropdown-item>柱状图</el-dropdown-item>
            <el-dropdown-item @click.native="seeTable">表格</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue-elementui 下拉框(el-dropdown)绑定点击事件 的相关文章

随机推荐

  • python读取excle表中的数据

    没什么可介绍的 直接看代码 import pandas as pd from pandas import DataFrame if name main 读取excle表中的数据 file path r D ex Concrete Data
  • 从零搭建一个vue项目

    为了几个姐妹的需求 本文详细图解怎么样从零搭建一个vue项目 供参考 第一步 了解工具 首先我们需要一些工具 比如npm nodejs vue cli 和一个编译器vscode 也可以用别的 这里用vscode作为开发工具演示 第二步 检查
  • VMware虚拟机首次安装centos7.15后配置网络和关闭防火墙

    听了朋友的意见打算学下linux 学习当然是从安装开始了 网上找了个最新版的边看教程边装 网上看了好几个不同的教程 安装的时候还不难 都比较详细 但配置网络时都说的不太清楚 毕竟我没什么基础 如果不说清楚的话 很多地方我也不太懂 看了很多个
  • 编译内核的相关知识

    1 在PC端搭建环境 ubantu 2 树莓派等芯片带操作系统的启动过程 C51 STM32 裸机 用C直接操控底层寄存器实现相关业务 业务流程型的裸机代码 3 带有操作系统的 X86 intel windows 启动过程 电源 gt bi
  • openGL之API学习(三十)深度缓冲区深度值为负值

    通过 glReadPixels 0 0 WINDOW WIDTH WINDOW HEIGHT GL DEPTH COMPONENT GL UNSIGNED BYTE tmpPixelsBuffer 从帧缓冲区中读取深度信息 深度值竟然是负值
  • 插入排序 Insertion Sort

    插入排序 Insertion Sort 基本概念 插入排序的实现 时间复杂度和空间复杂度 稳定性 基本概念 从 index 1开始 不断将元素插入右边已经排好序的数组 适用于少量元素 Example 9 2 1 4 3 Step 1 9 2
  • 理解分组卷积与深度可分离卷积

    这两种卷积分别是在ResNext论文与MobileNet系列中体现的 貌似Xception中也有深度可分离卷积的体现 作用都很简单 为了降参 目录 1 分组卷积 group convolution 2 深度可分离卷积 depthwise s
  • 测试用例设计--等价类的几个例子

    等价类的设计思路 根据输入条件 确定等价类 包括有效等价类和无效等价类 建立等价类列表 为每个等价类规定一个唯一的编号 设计一个测试用例 使其尽可能多地覆盖尚未被覆盖的有效等价类 重复这一步 直到所有的有效等价类被覆盖完为止 设计一个测试用
  • 如何查看chrome浏览器插件位置 查看chrome浏览器插件位置的方法

    Chrome浏览器插件种类目繁多 插件支持功能也比较强大 Chrome浏览器内的下载的插件往往也可以被其他浏览器支持 那么如何查看chrome浏览器插件位置 想知道谷歌浏览器插件的存放位置小伙伴快来阅读下文教程 谷歌浏览器最新版下载2020
  • 面试大盘表 - 时间维护功能

    需求描述 由于本人主要负责干部和招聘板块 招聘板块接到了要做一个面试大盘表的需求 需要展示面试官的面试情况 还需要面试官维护自己的可面试时间 之后人资进行面试安排 然后面试者到手机端进行自主选择面试官和面试场次 最终展示 功能描述 移出维护
  • 联想全系列 Lenovo ThinkPad ThinkBook Thinkcenter ThinkStation 原厂恢复系统

    原厂恢复系统镜像 出厂预装正版系统 自带预装Office 自带一键恢复 联网自动激活系统 根据电脑型号或者MTM下载对应的系统恢复镜像 2022 4 30更新 型号后面括号里是MTM号 可对应个人电脑自行对应查找 如没有其对应机型可以Wei
  • C++入门泛型编程介绍

    目录 函数模板 函数模板格式 函数模板的实例化 补充 类模板 类模板的定义格式 类模板的实例化 非类型模板参数 模板特化 函数模板特化 类模板特化 全特化 偏特化 模板分离编译 模板总结 泛型编程 编写与类型无关的通用代码 是代码复用的一种
  • SQLite安装与使用

    在之前的文章中 给出了一个数据库知识的概览 数据库概览 本文介绍一些基础的 常用的SQLite数据库知识 SQLite基础 SQL基础语法 插入 INSERT INTO 表名 列名1 VALUES 列1值 修改 UPDATE 表名 SET
  • background-size属性详解

    css background size 属性详解 background size 指定背景图像大小 以象素或百分比显示 当指定为百分比时 大小会由所在区域的宽度 高度以及 background origin 图片的起始位置 的位置决定 还可
  • 解决lxml导入etree模块报错(或beautifulsoup使用xml解析器时报错)

    Linux下直接pip安装的lxml模块可能是不完整的 import lxml正常 但是from lxml import etree就会报错 ImportError cannot import name etree from lxml 同时
  • 关于Linux开发时,g++明明已经添加-I头文件路径,但是仍报“xxxx.h: No such file or directory“的错误

    之所以将这个bug写在这里 是因为我在ONVIF时遇到的问题 自己编写makefile编译时 明明C 添加了 I却仍然无法找到头文件路径 原因 I别连续在尾部添加 g 不一定能识别 解决是添加多个 I即可 例如 makefile中 INCL
  • 【Qt】问题解决:Unable to create a debugging engine.

    一 问题现象及原因 在 Qt Creator 中以调试模式运行程序时出现以下错误 在 Qt 中打开Tools gt Options gt Kits 发现 Debugger 里面没用可用的调试器 原因 在安装 Visual Studio 20
  • 直接使用POST方法登录网站

    浏览器在 POST 数据之后能够自动登录 那么我能不能在代码中直接模拟这个过程呢 于是我设定了这样的一个流程 1 设置浏览器的 headers 设置请求等 2 使用 httpfox 工具获取post data 3 将post data 写下
  • 线性代数_3、行列式的七大性质及推论

    性质 1 D T D T DT D 转置 定义 就是把行列进行调换 行变成列 列变成行 表述方式 D T
  • Vue-elementui 下拉框(el-dropdown)绑定点击事件

    ElementUI组件下拉框绑定点击事件无效的解决方案 在使用脚手架构建的项目中需要使用到下拉组建