vue复用组件出现data-v-xxx乱码无法通过css修改指定样式

vue复用组件出现data-v-xxx乱码无法通过css修改指定样式解决方案如下
在这里插入图片描述
选择需要修改的样式 给最高级父级元素定义新的classname
与原有样式保持相同级联 修改指定样式
.demo_parent .demo_son .demo_grandson[data-v-73a2ee76]{
padding: 0;
border-radius: 3px;
background: #fff;
}
改为指定的样式
.demo_parent_special .demo_son .demo_grandson{
padding: 0;
border-radius: 3px;
background: #000;
}
可把该元素修改为黑色背景。

相关推荐

  1. Vue 自定义组件通过配置调整样式

    2024-02-21 08:22:01       13 阅读
  2. 为什么会出现

    2024-02-21 08:22:01       12 阅读
  3. Vue自定义组件中使用CSS变量设置样式

    2024-02-21 08:22:01       18 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-21 08:22:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-21 08:22:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-21 08:22:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-21 08:22:01       18 阅读

热门阅读

  1. SpringBoot项目嵌入RabbitMQ

    2024-02-21 08:22:01       20 阅读
  2. 过滤器:Gateway GlobalFilter在分布式系统中的应用

    2024-02-21 08:22:01       31 阅读
  3. 给图片添加

    2024-02-21 08:22:01       24 阅读
  4. 按身高和体重排队,运动会(C 语言)

    2024-02-21 08:22:01       27 阅读
  5. 寄存器 Flip-Flop

    2024-02-21 08:22:01       20 阅读
  6. 拍立淘助力电商新趋势:以图搜图购物成主流

    2024-02-21 08:22:01       30 阅读
  7. LeetCode 56 合并区间

    2024-02-21 08:22:01       31 阅读