el-input 指定宽度

在Vue.js中使用Element UI库的el-input组件时，可以通过设置样式来指定宽度。以下是几种设置宽度的方法：




<el-input v-model="input" style="width: 200px;"></el-input>




<el-input v-model="input" class="custom-input"></el-input>

在<style>标签或者单独的CSS文件中定义样式:




<style>
.custom-input {
  width: 200px;
}
</style>




<style scoped>
.custom-input >>> .el-input__inner {
  width: 200px;
}
</style>




<el-input v-model="input">
  <i slot="suffix" class="el-input__icon el-icon-search" style="width: 200px;"></i>
</el-input>

以上代码中，200px可以替换为任何你想要的宽度。