关于element中el-dialog设置append-to-body样式不生效问题

最近做一个嵌套的Dialog而且两个都同时设有append-to-body属性,这样我在下面修改样式就不生效,前端不就玩的个样式吗?如果样式都没用了,还做什么前端。那么其中最简单的一个办法就是把append-to-body属性给干掉,这样的话样式就生效了。这里说另一种方法!!!

  1. 在assets目录新建一个dialog.css文件,用来修改嵌套的dialog。 关于element中el-dialog设置append-to-body样式不生效问题_第1张图片
  2. 然后在组件中给他从新命名一个名字关于element中el-dialog设置append-to-body样式不生效问题_第2张图片
  3. 在dialog.css中修改样式关于element中el-dialog设置append-to-body样式不生效问题_第3张图片
  4. ok,这样就修改成功了,注意,不能嵌套,否则不生效哦!!
  5. 然后在用到的vue文件里面引入关于element中el-dialog设置append-to-body样式不生效问题_第4张图片​​​​​​​

你可能感兴趣的:(vue.js,javascript,ecmascript)