Question

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

Answer 1

中查看更多信息。

将模板设置为列

<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>

Kendo Grid Vue包装器是否支持Vue列模板

1 个答案: