https://fingerstylechina.com/views/components/pick-link/new/pick.js

1var pick = {
2    data() {
3        return {
4            id: -1,
5            select: '',
6
7            searchType: '',
8            loading: false,
9
10
11            maxHeight: 540,
12            listUrl: '',
13            list: [],
14            listLoading: false,
15            pagination: '',
16            page: 1,
17            other: '',
18            search: {
19                keyword: ''
20            },
21        }
22    },
23    methods: {
24        clear() {
25            this.search.keyword = '';
26            this.dialogOpened(1);
27        },
28        cancel() {
29            this.$emit('cancel');
30        },
31        pageChange(page) {
32            this.page = page;
33            this.getList();
34        },
35        searchList() {
36            this.page = 1;
37            this.getList();
38        },
39        getList() {
40            this.listLoading = true;
41            let params = {
42                r: this.listUrl,
43                search: this.search,
44                page: this.page,
45                keyword: this.search.keyword
46            };
47            if (this.other) {
48                let other = this.other;
49                if (other.search) {
50                    other.search = Object.assign({}, other.search, params.search);
51                }
52                params = Object.assign({}, params, other);
53            }
54            this.$request({
55                params: params
56            }).then(e => {
57                this.listLoading = false;
58                if (e.data.code === 0) {
59                    this.list = e.data.data.list
60                    if (this.searchType === 'cat') {
61                        this.allList = e.data.data.list;
62                        this.filterMethod();
63                    }
64                    this.pagination = e.data.data.pagination
65                }
66            }).catch(e => {
67                this.listLoading = false;
68            });
69        },
70    }
71};
72