как обновить просто столбец в таблице ant-design- vue - PullRequest
Новая
       18

как обновить просто столбец в таблице ant-design- vue

0 голосов
/ 14 февраля 2020

У меня есть таблица ant-design- vue, в которой отображаются эти данные.

enter image description here

<a-table
    :columns="columns"
    :rowKey="record => record.login.uuid"
    :dataSource="data"
    :pagination="pagination"
    :loading="loading"
  >
    <template slot="name" slot-scope="name">
      {{name.first}} {{name.last}}
    </template>
  </a-table>
</template>
<script>
  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      sorter: true,
      width: '20%',
      scopedSlots: { customRender: 'name' },
    },
    {
      title: 'Gender',
      dataIndex: 'gender',
      filters: [{ text: 'Male', value: 'male' }, { text: 'Female', value: 'female' }],
      width: '20%',
    },
    {
      title: 'Email',
      dataIndex: 'email',
    },
  ];

      export default {
        data() {
          return {
            pagination: {},
            loading: false,
            columns,
          };
        },
        props: {
          data: Array,
        },
      };
    </script>

Я установил интервал от родителя файл для обновления данных каждый раз. но проблема в том, что таблица очищает все данные в ней и восстанавливает новые данные, когда обнаруживает любые изменения в данных, в то время как в основном только столбец электронной почты - единственный, который изменится.

есть ли способ просто обновить один столбец в таблице?

...