vue el-cascader框一直在抖动
时间: 2023-11-10 13:49:40 浏览: 56
根据你提供的信息,关于vue el-cascader框一直在抖动的问题,你可以尝试以下方法来解决:
1. 检查样式:根据中提供的信息,确保你的样式设置正确。你可以在没有scoped的style里面写样式来避免抖动问题。具体来说,你可以尝试以下样式设置:
- 对于表单验证信息出现时页面抖动问题,可以添加如下样式:
```
.reprint-remark-form .el-form-item__error { transition: none!important; }
```
- 对于多选框选中时页面抖动问题,可以添加如下样式:
```
.el-checkbox ::after { transition: none!important; }
```
- 对于单选框选中时页面抖动问题,可以添加如下样式:
```
.el-radio ::after { transition: none!important; }
```
- 对于下拉框触发时页面抖动问题,可以添加如下样式:
```
.el-icon-caret-right { transition: none!important; }
```
- 对于element中的icon之一的抖动问题,可以添加如下样式:
```
.el-input__icon { transition: none!important; }
```
- 对于el-tab标签页切换时页面抖动问题,可以添加如下样式:
```
.el-tabs__active-bar { transition: none!important; }
```
你可以根据具体情况选择添加适当的样式来解决抖动问题。
2. 检查代码:如果样式设置没有解决问题,你可以仔细检查代码中是否存在其他可能引起抖动的问题。参考链接中的文章可能会提供一些更详细的解决方案或思路,你可以参考其中的内容进一步排查问题。
总之,通过检查样式和代码,你可以尝试解决vue el-cascader框一直在抖动的问题。希望这些方法能对你有所帮助。
相关推荐
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)