国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Vue2.0實現(xiàn)1.0的搜索過濾器功能實例代碼

2019-11-19 17:06:14
字體:
來源:轉載
供稿:網(wǎng)友

Vue2.0刪除了很多1.0的比較實用的過濾器,如filterBy,orderBy。官方文檔給了通過計算屬性實現(xiàn)1.0搜索過濾器功能,自己又加入了大小寫通用檢索功能,比較簡單,學一下。

<body>  <div class="app">    <input type="text" v-model="name">    <ul>      <li v-for="user in newUsers" >        {{ user.name }}      </li>    </ul>  </div>  <script>    new Vue({      el: '.app',      data: {        name: '',        users: [          { name: 'Bruce' },          { name: 'Chuck' },          { name: 'Jackie' },          { name: '趙' }        ]       },      computed: {        newUsers: function () {          var that = this;          return that.users.filter(function (user) {            return user.name.toLowerCase().indexOf(that.name.toLowerCase()) !== -1;          })        }      }    })  </script></body>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 湟源县| 二连浩特市| 榆社县| 尖扎县| 武穴市| 湘乡市| 汕尾市| 金乡县| 罗甸县| 盐津县| 汤原县| 泾源县| 鄱阳县| 中牟县| 瓮安县| 花垣县| 都匀市| 牟定县| 汕头市| 巴东县| 汉源县| 锦屏县| 扶绥县| 南雄市| 青浦区| 日喀则市| 遂溪县| 石城县| 正镶白旗| 乐陵市| 沙湾县| 佛教| 汝城县| 南和县| 光山县| 印江| 深水埗区| 牡丹江市| 壶关县| 贵德县| 贵溪市|