Radon220_ 2019-05-06 18:32 采纳率: 100%
浏览 285
已采纳

有大佬可以帮我看看这是怎么一回事吗。

本人小白,最近搞了下vue,发现用Element中的Select组件时效果和官图不一样?有大佬知道这是怎么回事吗

图片说明

Vue中该组件的代码

    <el-input placeholder="请输入内容" style="width: 500px" v-model="input">
    <el-select style="width: 100px" v-model="select" slot="prepend" placeholder="请选择">
      <el-option label="学号" value="学号"></el-option>
      <el-option label="姓名" value="姓名"></el-option>
    </el-select>
    <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
    </el-input>
  • 写回答

3条回答 默认 最新

  • Radon220_ 2019-05-07 10:48
    关注

    感谢两位大佬的帮助,其实是我在style里多写了

    li {
      display: inline-block;
      margin: 0 10px;
    }
    

    的原因,删掉就好了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵