|
机器没报错,但是同步到手机显示错误:search is not defined at page3.js:43整体代码附上:
<template>
<view class="page">
<label>
搜索关键字:
<input type="search" name="" id="" value="" v-model="keywords"/>
</label>
<tr v-for="item in search(keywords)" :key="item.id">
<td>{{ item.id }}</td>
<td v-text="item.name"></td>
<td>{{ item.ctime }}</td>
</tr>
</view>
</template>
<script>
export default {
name: 'page3',
data:{
id:"",
name:"",
keywords:"",
list:[
{id:1,name:"李白",ctime:new Date()},
{id:2,name:"关羽",ctime:new Date()},
{id:3,name:"韩信",ctime:new Date()},
{id:4,name:"花木兰",ctime:new Date()},
{id:5,name:"貂蝉",ctime:new Date()},
{id:6,name:"露露",ctime:new Date()},
{id:6,name:"大乔",ctime:new Date()},
{id:6,name:"荆轲",ctime:new Date()},
{id:6,name:"项羽",ctime:new Date()},
{id:6,name:"典韦",ctime:new Date()},
{id:7,name:"小乔",ctime:new Date()}
]
},
methods:{
search(keywords) {//根据关键字,进行数据的搜索
var newList = []
this.list.forEach(item => {
if(item.name.indexOf(keywords) != -1){
newList.push(item)
}
})
return newList
}
}
}
</script>
|
|