kendo grid vue wrapper是否支持vue列模板答案

【问题标题】：Does kendo grid vue wrapper supports vue column templatekendo grid vue wrapper是否支持vue列模板
【发布时间】：2018-10-18 01:04:22
【问题描述】：

我正在使用 vue 剑道网格，但是每当我使用列模板时，如果有任何方法调用，我需要使用 html 和 jquery 来代替我可以像行模板一样为列使用 vue 模板吗？。

【问题讨论】：

标签： vue.js kendo-grid

【解决方案1】：

是的，请在forum post 中查看更多信息

为列设置模板

<kendo-grid-column :template="itemTemplate"></kendo-grid-column>

对vue文件的引用

import Template from "./Template.vue";
var itemTemplate = Vue.component(Template.name, Template);

和

export default {
  ...
  methods: {
    itemTemplate: function(e) {
      return {
        template: itemTemplate,
        templateArgs: e
      };
    }
  },

模板示例

<template>
    <span>
        <a role='button' class='k-button k-button-icontext filter-clear' href='\\#' @click="buttonClick">
          <span class='k-icon k-i-filter-clear'></span>
          open
        </a>
    </span>
</template>

<script>
export default {
  name: "template1",
  methods: {
    buttonClick: function(e) {
      alert("Button click");
    }
  },
  data() {
    return {
      templateArgs: {}
    };
  }
};
</script>

【讨论】：