我使用的是为其创建了组件的vue-good-table。
Table.vue
<vue-good-table
:columns="fields"
:pagination-options="paginationOptions"
:rows="items"
:search-options="{ enabled: true }"
:select-options="{ enabled: multiSelect }"
@on-cell-click="onCellClick"
@on-row-click="onRowClick"
@on-selected-rows-change="selectionChanged"
styleClass="vgt-table condensed striped"
v-else
>
<template slot="table-row" slot-scope="props">
<span v-else-if="props.column.field === 'viewActivity'">
<v-btn small>View Activity</v-btn>
</span>
<span v-else-if="props.column.field === 'remarks'">
<v-text-field
filled
rounded
dense
placeholder="Add Remarks"
v-model="props.row.remarks"
single-line
></v-text-field>
</span>
<span v-else>{{props.formattedRow[props.column.field]}}</span>
</template>
</vue-good-table>
自定义广告位在这里有太多条件。我想在使用Table.vue组件的页面中编写这些条件。我怎样才能做到这一点?可能是有范围的插槽或某些我目前无法弄清楚的东西
我在语法上遇到问题,因为vue good table使用了vuejs的旧语法,因为它现在没有太多的贡献者。
Solution:
<vue-good-table
:columns="fields"
:pagination-options="paginationOptions"
:rows="items"
:search-options="{ enabled: search }"
:select-options="{ enabled: multiSelect }"
@on-cell-click="onCellClick"
@on-row-click="onRowClick"
@on-selected-rows-change="selectionChanged"
styleClass="vgt-table condensed striped"
>
<template slot="table-row" slot-scope="props">
<slot :props="props" />
<span v-if="props.column.type === 'geo_image_capture' || props.column.type === 'image'">
</span>
<span v-else>
<a
:href="props.formattedRow[props.column.field]"
target="_blank"
>{{props.formattedRow[props.column.field]}}</a>
</span>
</template>
</vue-good-table>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句