el-select可搜索功能，实现对输入的搜索内容进行控制

今天测试提了一个bug，需求是一个下拉框，带搜索过滤功能，测试要求对输入的内容进行控制，控制其长度为20，搜索功能是不进行交互的，是前端的一个功能而已，测试要求，那就搞呗。
可以用.native获取内部input

<el-select
v-model="searchForm.productId"
placehoder="请输选择产品或输入产品名字过滤"
filterable
@input.native="filterData"
clearable
ref="searchSelect"
>
<el-select>

// 对输入字符串控制
filterData(){
var str = this.$refs.searchSelect.$data.selectedLabel;// 此属性得到输入的文字
// 控制的js
if(str.length>20){this.$refs.searchSelect.$data.selectedLabel = str.substr(0,21)
}