{
// row Object property to determine value for this column
field: 'name',
// OR field: row => row.some.nested.prop,
}
{ ..., field: row => row.Field.someField }
<script src="https://cdn.jsdelivr.net/npm/vuelidate@0.7.6/dist/vuelidate.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuelidate@0.7.6/dist/validators.min.js"></script>
ConfigProgrammatic.setOptions({
defaultIconPack: 'fas',
defaultContainerElement: '#content',
// ...
})
inheritAttrs: false
что бы v-bind по умолчанию не биндил лишнии свойства в html <template>
<fragment v-for="col in items" v-bind:key="col.id">
<template v-if="col.content">{{col.content.text}}</template>
<BlockRender
v-if="col.blocks && col.blocks.length"
:items="col.blocks"
></BlockRender>
</fragment>
</template>
mapGetters(['doneTodosCount'])
превращается в{
doneTodosCount() {
return this.$store.getters.doneTodosCount;
},
}