当前位置: 首页 > article >正文

前端vue调试样式方法

1.选中要修改的下拉框,找到对应的标签的class样式
在这里插入图片描述
2.在浏览器中添加width宽度样式覆盖原有的样式,如果生效后说明class对了,则到vue页面的strye中添加覆盖样式

<style>
:deep(.el-select){
    width: 180px;
}
</style>

在这里插入图片描述
3.寻找自定义标签组件方法
1)这种看上去不像原生组件的都是自定义组件
在这里插入图片描述
2)先到vue页面的import中寻找引用
在这里插入图片描述
3)如果vue页面的import中没有引用则到main.js中寻找,这寻找标签的开头rab就可以有的是只有开头前缀
在这里插入图片描述
4)main.js中的引用在library文件夹中,而不是在src文件夹下面
在这里插入图片描述


http://www.kler.cn/a/406385.html

相关文章:

  • Unable to find image ‘hello-world:latest‘ locally
  • ubuntu20.04的arduino+MU编辑器安装教程
  • Appium常用的使用方法(一)
  • 【爬虫】Firecrawl对京东热卖网信息爬取(仅供学习)
  • Jmeter数据库压测之达梦数据库的配置方法
  • Python入门(13)--并发编程
  • 前端 px、rpx、em、rem、vh、vw计量单位的区别
  • 【D3.js in Action 3 精译_040】4.4 D3 弧形图的绘制方法
  • 准备阶段 Statistics界面性能分析
  • uniapp H5上传图片前压缩
  • vue的class绑定,后边的类会覆盖前边类样式吗
  • 3-22 ElementPlus:表单
  • vue3 在哪些方便做了性能提升?
  • 【不墨迹系列】快速入门 XML 语言
  • SpringCloud OpenFeign用户转发在请求头中添加用户信息 微服务内部调用
  • STL-stack栈:P1981 [NOIP2013 普及组] 表达式求值
  • Cannal实现MySQL主从同步环境搭建
  • 量子神经网络
  • Java 创建不可变集合
  • 浅谈丨功能安全测试,汽车的守护者
  • 40分钟学 Go 语言高并发:sync包详解(下)
  • 如何用通义灵码助力项目开发 | OceanBase obdiag 项目共建实践
  • 【大数据学习 | Spark-Core】Spark的分区器(HashPartitioner和RangePartitioner)
  • 大数据新视界 -- 大数据大厂之 Hive 数据导入:多源数据集成的策略与实战(上)(3/ 30)
  • xiaolin coding 图解网络笔记——HTTP篇
  • Antd中的布局组件