关于fitler的项目实践

<div class="common-line-div">
  <div class="main-line-div ">
    <span class="left">
      保障方式
    </span>
    <span class="common-right-input right" id="promise"></span>
  </div>
</div>

data(){
　　return {

leaseStyle:[{id: '1', value: '保证'}, {id: '2', value: '信用'}, {id: '3', value: '抵押'}, {id: '4', value: '质押'}],

　　}
}

getCreditDetails(){
  this.$ajax({
    url:"/api/credit/detail/" + this.$route.query.businessIdChange
  },res => {
    if (res.code == 1){
   
　　　　//获取数据的时候 由于保存的是 对象的 id值，那么要进行渲染的时候 就拿filter进行筛选出需要渲染的数组对象，
最后把那个对象的value输出到页面上
　
　　　　　
      var _value = this.leaseData.filter(item => (item.id == res.data.leaseStyle));
      $("#repayment").html(_value[0].value);
    }else{
      this.$alert("出错啦!");
    }
  });