Как поместить вычисляемое значение в таблицу при использовании элемента пользовательского интерфейса - PullRequest
Новая
       8

Как поместить вычисляемое значение в таблицу при использовании элемента пользовательского интерфейса

1 голос
/ 17 октября 2019

Я использую vuejs и element ui для моего интерфейса. Я хочу сделать таблицу с датой в формате Unix. Я использую moment.js для отображения даты в удобочитаемом формате.

У меня проблемы с использованием момента js внутри стола. Он ничего не отображает.

Вот мой пример кода для таблицы. 

    <el-table
            :data="data"
            style="width: 100%"
          >
            <el-table-column
              prop="name"
              label="Name"
              width="180"
            />
            <el-table-column
              prop="address"
              label="address"
              width="180"
            />
            <el-table-column
              prop="email"
              label="Email"
            />
            <el-table-column
              prop="moment(due)"
              label="Last Activity"
            />
    </el-table>

Если я удаляю вызов функции момент js, он показывает дату в формате unix, мне это нужнопредставить дату в удобочитаемом формате

1 Ответ

1 голос
/ 17 октября 2019

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

 <el-table-column prop="created_at" label="Joined">
   <template slot-scope="props">
     {{ props.row.created_at | moment("MMMM Do YYYY") }}
   </template>
 </el-table-column>
...