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

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

本人小白,最近搞了下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;
    }
    

    的原因,删掉就好了

    点赞 评论
  • it_lin_web 2019-05-06 20:00

    你是怎么引入的 我估计你应该引少了 可能没引入样式

    点赞 评论
  • 阡路陌人 2019-05-06 20:03

    引入'element-theme-chalk';

    点赞 评论

相关推荐 更多相似问题