update 我的顧問清單: 使用 store 存放 consultantList 以及新增顧問、移除顧問的狀態控制

Mila

2021-11-16 f6a21bf37ef56ecab88652b1449da63f73b9648a

 PAMapp/pages/myConsultantList/consultantList.vue

@@ -2,7 +2,6 @@
    <div>
        <ConsultantList
            :agents="pageList"
            @removeAgent="removeAgent"
        ></ConsultantList>

        <UiPagination
@@ -13,24 +12,18 @@
</template>

<script lang="ts">
import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator';
import { Agents } from '~/plugins/api/home';
import { Vue, Component, Prop, Getter } from 'nuxt-property-decorator';
import { Consultants } from '~/assets/ts/api/consultant';

@Component
export default class ConsultantPage extends Vue {
    @Prop() consultantList!: Agents[];
    pageList: Agents[] = [];
    @Prop() consultantList!: Consultants[];
    @Getter isLogin!: boolean;
    pageList: Consultants[] = [];

    @Emit('remove') remove(agentNo: number) {
        return agentNo;
    }

    changePage(pageList: Agents[]) {
    changePage(pageList: Consultants[]) {
        this.pageList = pageList;
    }

    removeAgent(agentNo: number) {
        this.remove(agentNo);
    }
}
</script>