Beispielcode zum Hervorheben von Suchbegriffen im WeChat-Miniprogramm

Liste:[
 „Universität Wuhan“,
 „Huazhong Universität für Wissenschaft und Technologie“,
 „Huazhong Normal University“,
 „Zhongnan Universität für Wirtschaft und Recht“,
 „Chinesische Universität für Geowissenschaften“,
 „Technische Universität Wuhan“,
 „Landwirtschaftliche Universität Huazhong“,
 „Universität für Wissenschaft und Technologie Wuhan“,
],

filterList:[], //Gefiltert

// wxml
<Klasse anzeigen="Suchfeld">
 <input type="text" placeholder="Bitte geben Sie die 985/211 Universität in Wuhan ein" bindinput="searchValue" class="search"/>
</Ansicht>

// Suchmethode searchValue(e){
 lass val = e.detail.value;
 this.setData({ Wert:Wert })
 wenn(Wertlänge > 0){
  dies.setData({ filterList:[] })
  sei arr = [];
  für (lass i = 0; i < diese.Datenlistenlänge; i++) {
   wenn(diese.Datenliste[i].indexOf(val) > -1){
    arr.push(diese.Daten.Liste[i])
   }
  }
  this.setData({ filterList: arr })
 }anders{
  dies.setData({ filterList: [] })
 }
}

"Komponenten verwenden": {
  "Hervorheben": "../../Komponenten/Hervorheben/Hervorheben"
 }

<view class="list_li" wx:for="{{ filterList }}" wx:key="index" data-index="{{ index }}" bindtap="pitchOn">
 <highlight text="{{ Element }}" key="{{ Wert }}" />
</Ansicht>

Eigenschaften:
 Text:Zeichenfolge,
 Schlüssel:{
  Typ: Zeichenfolge,
  Wert:'',
  Beobachter:'_changeText'
 }
}

Daten: {
 highlightList:[], //Verarbeitete Daten}

<text class="{{ item.deep ? 'green' : '' }}" wx:for="{{ highlightList }}" wx:key="index">{{ item.val }}</text>

// Nicht leer filter_changeText(e){
  wenn(e.Länge > 0 && diese.Eigenschaften.text.indexOf(e) > -1){
   dies._filterHighlight(diese.properties.text, e);
  }
 },
 /**
 * Stichworthervorhebung* @param { String } text - text* @param { String } key - stichwort*/
 _filterHighlight(Text, Schlüssel){
  let textList = text.split("");
  let keyList = key.split("");
  lass Liste = [];
  für(lass i = 0;i < Textliste.Länge;i++){
   lass obj = {
    tief:falsch,
    Wert:Textliste[i]
   }
   Liste.push(Objekt);
  };
  für(let k = 0; k < keyList.length; k++){
   Liste.fürJeden(Element => {
    wenn(item.val === keyList[k]){
     item.deep = wahr;
    }
   })
  }
  dies.setData({ HighlightList:Liste })
 }