手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使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在当前组件内起作用
© 手抄报圈