vue element 样式不生效问题

时间：2022-11-28 11:58:24浏览次数：56

标签：body vue 样式 element 生效 select

1.第一次用element-ui的select框发现怎么改样式都不生效，尝试了各种方式，总显示默认样式；

获取了dom元素发现弹框是插在了body元素内，并不是对应的select选择下

翻了翻文档，发现确实有这么一个属性控制是否追加在body

开始的代码

popper-append-to-body属性默认为true，我们将其改为false

添加的样式用了deep,全部追加到父级下

最后发现我们的样式正常了；

标签：body,vue,样式,element,生效,select
From： https://www.cnblogs.com/xing--/p/16931792.html

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......
element plus input验证
<template> <el-form ref="formRef" :model="numberValidateForm" label-width="100px" class="demo-ruleForm" :rules="rules" ......
vue批量上传文件
前言一、SpringMVC简介1.1、SpringMVC引言为了使Spring有可插入的MVC架构,SpringFrameWork在Spring基础上开发SpringMVC框架,从而在使用Spring进行WEB开发时可以......
【Amadeus原创】零基础使用vue3和elements创建应用
一.创建环境1.创建D:\code\vue文件夹2.vscode打开文件夹3.打开终端，输入npminstall-g@vue/cli4.配置环境变量终端输入：npmconfiglist找到路径将路......
vue3通过ref获取元素及注意事项
常规用法<template><divclass="search-input"><inputtype="text"ref="searchInputElem"v-model="searchValue"@keyup.enter="onSearch"placeholder="......
vue vue-video-player视频播放器
vuevue-video-player视频播放器安装依赖npmivue-video-player@5.0.2-Dnpmivideojs-contrib-hls@5.15.0-D使用<template><div><video-playerclass="v......
vue上传视频插件
前言文件上传是一个老生常谈的话题了，在文件相对比较小的情况下，可以直接把文件转化为字节流上传到服务器，但在文件比较大的情况下，用普通的方式进行上传，这可不是一个好......
Vue2组件间通讯
Vue2组件通信的基础方式自己的理解：组件化通信，无非就是数据你传我，我传你，两个组件的相互交流，方法很多，下方有图示（此篇建议小白阅读，大神的话也不会看，哈哈哈哈！仅供参考，有不同......
vuex环境配置及使用
vuex环境搭建1.下载vuex，如果你是开发Vue2，请下载vuex3版本npmivuex@32.搭建vuex的环境配置创建src/state/index.js文件//导入VueimportVuefrom'vue'//导......

vue element 样式不生效问题

相关文章

赞助商

阅读排行