如何使css在当前组件内起作用

 时间:2024-10-11 23:24:38

1、打开HBuilder开发工具,下载和安装vue项目,并安装相关依赖包

如何使css在当前组件内起作用

2、在components文件夹下,新建vue组件Smn.vue

如何使css在当前组件内起作用

3、打开已新建的vue组件,利用element进行布局,添加一个el-select

如何使css在当前组件内起作用

4、在data对象中,初始化下拉框的值,以及默认被选中的值

如何使css在当前组件内起作用

5、打开App.vue文件,导入Smn并在components属性中引入,然后在界面上引用

如何使css在当前组件内起作用

6、保存代码并运行项目,打开浏览器,可以看到下拉框默认显示第二项

如何使css在当前组件内起作用

7、返回HBuilderX工具,在style标签添加下拉框样式,然后在标签上加属性scoped

如何使css在当前组件内起作用

8、再次保存代码并刷新浏览器,可以看到下拉框宽度增大了

如何使css在当前组件内起作用
  • 王者删好友怎么删
  • 王者荣耀50星专属称号都有哪些
  • 王者荣耀荣耀王者专属称号暂不选择如何找回
  • 王者荣耀传奇王者
  • 王者荣耀以前的名字叫什么?
  • 热门搜索
    旋转拖把怎么用 日记250字大全 上古神兽大全 肉包子馅做法大全 地下城怎么赚钱 使徒行者3演员表大全 初中英语语法大全 杨振宁简介 儿童游戏大全 企业愿景大全