如何以编程方式向Vue组件添加道具?

时间:2018-11-08 10:10:40

标签: vue.js ag-grid

我正在使用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对象的一部分,我如何传递此额外属性?

0 个答案:

没有答案