el-Dropdown踩坑1

代码中包含el-dropdown组件的div是和另一个同级div使用了v-if、v-else控制显示不同的页面

一切换到v-else的页面点击时都会报 Cannot read properties of null (reading 'setAttribute')

每次一点报错就会加一个一直以为是点击事件的问题

最后查了下 elment下拉菜单的组件以下三者缺一不可

el-dropdown
el-dropdown-menu
el-dropdown-item

在多个el-dropdown-item外层包了一个el-dropdown-menu 问题解决

el-Dropdown踩坑1相关推荐

antd Select组件和 Dropdown组件踩坑·记
目录一.踩坑记 1.Select 组件需要显示 value 但传递给后台的是 key 2.Select 组件或 Dropdown 组件下拉框随页面上下滑动的问题 3.Select 组件滑动下拉框数据 ...
osx php7 imagick,[PHP] MacOS 自带php环境安装imagick扩展踩坑记录 | 码农部落
前言最近学习yii2,在搭建环境后,发现在访问contact页面时报错,如下: "Either GD PHP extension with FreeType support or Imag ...
vue-i18n使用及踩坑记录
使用步骤 1. 安装 npm i vue-i18n 2. vue-cli下使用 //1. 引入 vue-i18n import Vue from 'vue' import VueI18n from ' ...
elementUI组件el-dropdown - 踩坑篇
选择即改变:click选择哪个,就显示当前的值,页面UI显示并伴随css样式的变化. 重点:v-if 和 v-else-if 的搭配使用,缺一不可. 效果图: 正确的代码如下: 重要提示: 我之前使用 ...
vue.js踩坑之单向数据流
vue.js父子组件之间的数据通信,细节总结隐性规则:单行数据流学前疑问: 1.父组件如何向子组件通信数据? 2.父组件可以直接修改子组件的数据!但是反过来绝对不可以!那怎么解决这个问题呢? 3. ...
vue.js踩坑之ref引用细节点
vue.js组件之H5页面,DOM标签或者组件中,通过ref="自定义name名称"引用的细节点要点简介:[ 见下文案例 ] 使用is=" "解决H5出现的标 ...
Vue + TypeScript + Element 搭建简洁时尚的博客网站及踩坑记
前言本文讲解如何在 Vue 项目中使用 TypeScript 来搭建并开发项目,并在此过程中踩过的坑 . TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript ...
vue中使用bootstrap4踩坑之旅
bootstrapvue官网 bootstrap4中文官网以下文章记录本人的踩坑过程,最后已亲测有效,但不保证是最简便的方法,最好的建议是去bootstrapvue官网看文档直接尝试. 一.引入jq ...
ORB-SLAM3笔记（编译、踩坑、论文、看代码）
目前基于orb_slam想做的方向提升动态建图精度 (中个二区趴秋梨膏 √东西MAP就是上不去 KITTI有几个groundtruth官网下架了找不到而且红外相机退 ...
【Java笔记+踩坑】SpringBoot基础2——运维实用
导航: [黑马Java笔记+踩坑汇总]JavaSE+JavaWeb+SSM+SpringBoot+瑞吉外卖+SpringCloud/SpringCloudAlibaba+黑马旅游+谷粒商城目录 ...

el-Dropdown踩坑1

el-Dropdown踩坑1相关推荐

最新文章

热门文章