el-select、el-option添加图标，搜索选项高亮

整体例子

                
                
                  
                    {{ item.menuitem }}
                  
                
              

1. 绑定一个change方法，当输入框的数据发生变化时触发，这里通过以下方法可以拿到当前输入的值，这里的value是绑定的:value=“item.id”

 @change="(value) => searchProduction(value)"

2. 这里我想要在输入框里面插入一个小图标，我们可以通过来插入，如果直接加的话，不会在搜索框里面

  <template #prefix>
                  <span style="padding-left: 5px;">
                    <i class="el-icon-search" />
                  </span>
  </template>

3. 我们想在option中，将输入的字高亮，利用span将遍历显示的每一项显示出来，然后v-html绑定一个替换关键字的方法

                    {{ item.menuitem }}
                  

 replacekeyword(originstr) {
      // 关键字高亮替换
      // 这里的originstr也就是传进来的每一个item项，target是我们能拿到的输入框中输入的内容，并且作为关键字进行高亮样式替换
      return originstr.replace(target, `${target}`)
    },