我正在使用ag-grid for vue,并且为了创建自定义单元模板,您需要定义一个Vue组件并将其设置为模板,因此这就是我定义列的方式:
{
headerName: "Name",
field: "name",
template: NameLinkCell
},
然后将ag-grid注入到params属性NameLinkCell
中供您使用:
<template>
<div class="flex center-v">
<router-link :to="{name:'policy',params:{id: id}}">{{name}}</router-link>
</div>
</template>
<script>
import Vue from "vue";
import router from "@/router";
export default Vue.extend({
router,
computed: {
id() {
return this.params.data ? this.params.data.id : "-1";
},
name() {
return this.params.data ? this.params.data.name : "";
}
}
});
</script>
我想创建一个通用组件,所以我需要这部分是动态的:
:to="{name:'policy'
问题在于它是元数据属性,而不是传递给组件的params对象的一部分,我如何传递此额外属性?