99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

  

  {{productSelected}}

filterResult是計(jì)算屬性，以此過(guò)濾好后臺(tái)傳來(lái)的數(shù)據(jù)后，再將其綁定在cell外的div層，還可以如第1點(diǎn)所說(shuō)的綁定click事件，此處filterResult進(jìn)行了中英文過(guò)濾，可以通過(guò)數(shù)據(jù)的中文名和英文名兩個(gè)屬性進(jìn)行搜索。

filterResult() {
  var that = this;
  that.defaultResult = [];
  var re = /^[a-zA-Z]+$/;
  var data = that.result.data;
  var val = that.value;
  if (re.test(val)) {
  for (var i = 0;i < data.length;i++) {
   console.log(data[i].englishname);
   if (new RegExp(val, 'i').test(data[i].englishname)) {
   that.defaultResult.push(data[i].title);
   }
  }
  return that.defaultResult;
  }
  else {
  for (var i = 0;i < data.length;i++) {
   that.defaultResult.push(data[i].title);
  }
  return that.defaultResult.filter(value => new RegExp(val, 'i').test(value));
  }
 }

3、Tabbar

通常情況下，底部的tabbar欄是需要在多頁(yè)面復(fù)用的，所以可以獨(dú)立成一個(gè)組件，然后通過(guò)外部容器作為父組件進(jìn)行使用，切換tab的同時(shí)，tabbar需要向父組件傳遞選中的一個(gè)自定義的tabchange事件

selectTab: function(id) {
 this.$emit('tabchange', id);
}

父組件接收自定義事件tabchange，觸發(fā)setSelected函數(shù)進(jìn)行數(shù)據(jù)更新，通過(guò)數(shù)據(jù)驅(qū)動(dòng)視圖更新：

修改selected的值來(lái)切換tab

setSelected: function(data) {
 this.selected = data;
 this.tabToggle(data);
}

template內(nèi)有關(guān)tab-container里的代碼如下：