vue的实现自定义下拉select样式

西柚~

于 2019-10-15 09:46:40 发布

阅读量2.5k

点赞数

分类专栏： html

本文链接：https://blog.youkuaiyun.com/weixin_42892407/article/details/102561238

版权

本文介绍了如何在Vue项目中自定义下拉选择框（Select）的样式，通过使用组件化思维和CSS样式控制，实现与主题风格统一的下拉列表效果。详细讲解了关键步骤和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <template>
                <div class="select">
                    <div class="select-head c-row a-c j-b"  v-on:click="changeSiteTitle()">
                        <span class="select-head-cont" >{
   {
   condition}}</span>                   
                        <img class="selct-img" src="./img/select.png">
                    </div>
                    <ul class="option"  v-show="option">
                        <li class="option-item  c-row a-c" v-for="item in siteList" v-on:click="changeSite(item)">

最低0.47元/天解锁文章