antd vue问题汇总

1.场景：五部操作，第一步是form表单，后几步退回上一步希望form表单数据保存，保存form状态，使用keep-alive

 <keep-alive>

          <stepone v-if="currentTab === 0" @backList="backList" @nextStep="nextStep" @costDataSubmit="costDataSubmit"/>

 </keep-alive>

2.点击某列弹出详情操作，并且不影响右边操作区域

 <a-table

        class="task-table"

        ref="table"

        size="middle"

        :scroll="{ x: true }"

        bordered

        rowKey="id"

        :columns="columns"

        :dataSource="taskList"

        :pagination="pagination"

        :loading="loading"

        :rowClassName="rowClassName"

        :customRow="customRow"

       >

　　

 // 鼠标单击行

    customRow(record, index) {

      return {

        on: {

          click: (event) => {

            // console.log(record)

            this.handleDetail(record)

            if(record.taskImage){

              this.getMultAvatarView(record.taskImage)

            }

          },

        },

      }

    },

<span slot="action" slot-scope="text, record">

          <a @click.stop="handlePdf(record)">详情</a>//阻止向上冒泡，冒泡到列，执行列上的操作

        </span>