基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 3 元　

支付宝支付

微信支付

   源码介绍

---

@{
    ViewData["Title"] = "Index";
}
<div id="app" class="text-center">
    <input type="text" v-model="key" class="form-control"  placeholder="请输入关键字"/>
    <ul class="list-group">
        <li class="list-group-item" v-for="item in filterTravelList" :key="item">
            {{item}}
        </li>
    </ul>
</div>
<script src="~/js/axios.min.js"></script>
<script src="~/js/vue.min.js"></script>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
            key: "",
            travelList: []
        },
        created: function () {
            var self = this;
            axios.get("http://localhost:51233/Default").then(function (res) {
                var result = res.data;
                self.travelList = result;

            }).catch(function (err) {
                console.log(err)
            })
        },
        computed: {
            filterTravelList: function () {
                var self = this;
                return this.travelList.filter(function (item) {
                    return item.indexOf(self.key) != -1;
                })

            }
        }
    })
</script>