相关疑难解决方法(0)

我是Vue.js的新手，所以谢谢您的帮助！！

我有一个表，该表显示了使用以下代码获得的项目的列表：

interface getResources {
title: string;
category: string;
uri: string;
icon: string;

}
@Component
 export default class uservalues extends Vue {

resources: getResources[] = [];

created() {
    fetch('api/Resources/GetResources')
        .then(response => response.json() as Promise<getResources[]>)
        .then(data => {
            this.resources = data;

        });
}

}

这是我的桌子

 <div class="panel panel-default">
                <div class="panel-heading" style="font-weight:bold"><span class="glyphicon glyphicon-align-justify"></span> All Resources</div>
                <div class="row">
                    <div class="search-wrapper panel-heading col-sm-12">
                        <input class="form-control" type="text" v-model="searchQuery" placeholder="Search" />
                    </div>                        
                </div>
                <div class="panel-body" style="max-height: 400px;overflow-y: scroll;">
                    <table v-if="resources.length" class="table">
                        <thead>
                            <tr>
                                <th>Resource</th>
                            </tr> …