PinyinMatch實現拼音匹配，分詞、縮寫、多音字匹配能力

參考https://www.npmjs.com/package/pinyin-match

npm install pinyin-match --save

const PinyinMatch = require('pinyin-match');

let test = '123曾經滄海難為水除卻巫山不是雲'

PinyinMatch .match(test, '23曾');

 

案例：

<el-form-item label="發放項目">

        <el-select

          v-model="searchForm.lngbonusitemidlist"

          placeholder="請選擇"

          multiple

          collapse-tags

          clearable

          filterable

          default-first-option

          :filter-method="selectFilter"

        >

          <el-option

            v-for="item in bonusItems"

            :key="item.lngbonusitemid"

            :label="item.strbonusitemname"

            :value="item.lngbonusitemid"

          />

        </el-select>

      </el-form-item>

<script>

selectFilter(val) {

      if (val) {

        this.bonusItems = this.copyBonusItems.filter((item) => {

          return pinyinMatch.match(item.strbonusitemname, val)

        })

      } else {

        this.bonusItems = this.copyBonusItems

      }

    }

</script>