基本输出

选择框v-model绑定的值是id，但是传值时，还需要label的值

<el-select v-model="value" @change="select">
  <el-option v-for="item in list":value="item.id":label="item.label"></el-option>
</el-select>

// item的值就是{value:111,label:nihao}
select(value){
  this.item = this.list.filter((item) =>item.id === value)[0]
}

行内字体，不截断

<span></span>
span{
  overflow:hidden;
  text-overflow:ellipsis;
  list-style:none;
  word-break:keep-all
}

输入框的限制,最多输入多少个字符，可以输入数字和字母

<el-input oninput="if(value.length > 20) value= value.slice(0,20)"
onKeyup="this.value = this.value.replace(/[^\w\.\/]/ig,'')"></el-input>

div定义一个button按钮

<div class="button">ok</div>
.button{
 hieght:20px;
 line-height:20px;
 text-align:center;
 }