小编Kha*_*oni的帖子

使用 vue.js 3 中的计算过滤搜索

我有这个搜索输入:

<input
class="form-control"
type="text"
name="search"
placeholder="search..."
v-model="search"
/>
Run Code Online (Sandbox Code Playgroud)

这个“输出”区域:

<my-comp
v-for="item in filter"
:key="item.id"
:id="item.id"
:imgsrc="item.imgsrc"
:price="item.price"
:city="item.city"
:country="item.country"
:reviewnum="item.reviewnum"
:daynum="item.daynum"
/>
Run Code Online (Sandbox Code Playgroud)

我从 json 文件导入数据,这就是数据

[
    {"id": 1, "city":"California", "country": "United State of America", "price": "700", "reviewnum": "890", "daynum": "5", "imgsrc": "img/place/1.png"},
    {"id": 2, "city":"london", "country": "United Kingdom", "price": "550", "reviewnum": "900", "daynum": "4", "imgsrc": "img/place/2.png"},
    {"id": 3, "city":"Korola Megna", "country": "Nepal", "price": "350", "reviewnum": "150", "daynum": "5", "imgsrc": "img/place/3.png"},
    {"id": 4, "city":"Miami Beach", "country": "United State of America", "price": …
Run Code Online (Sandbox Code Playgroud)

javascript search filter vue.js vuejs3

1
推荐指数
1
解决办法
8453
查看次数

标签 统计

filter ×1

javascript ×1

search ×1

vue.js ×1

vuejs3 ×1