javascript - DevExtreme DxDataGrid 按钮列中的单击事件不会触发
问题描述
我有以下代码:
<template>
<div>
<DxDataGrid :dataSource="viewerRoles">
<DxColumn data-field="name"
caption="Ansicht" />
<DxColumn data-field="description"
caption="Beschreibung" />
<DxColumn type="buttons">
<DxButton icon="preferences"
@click="test" />
</DxColumn>
</DxDataGrid>
<button @click="test"></button>
</div>
</template>
<script>
import { DxDataGrid, DxColumn, DxButton } from 'devextreme-vue/data-grid'
export default {
name: 'Test',
components: {
DxDataGrid, DxColumn, DxButton
},
data() {
return {
viewerRoles: []
}
},
async created() {
const svcResp = await this.$http.get('Settings/ViewerRoles');
if (svcResp.status === 200)
this.viewerRoles = svcResp.data;
},
methods: {
test() { alert('') }
}
}
</script>
奇怪的是,如果我点击 HTML <button>
,浏览器会显示警报。但在 上<DxButton>
,它没有。据我所知,调试控制台中没有错误。
我的代码有什么问题?
解决方案
DxButton
将's更改为@click
,:on-click
因此您的代码应如下所示:
<DxColumn type="buttons">
<DxButton icon="preferences"
:on-click="test" />
</DxColumn>
推荐阅读
- python - 如何在 Keras 的图层中设置一些权重
- bash - 如何在文件中搜索字符串并打印行 shell 脚本
- java - 可以单击向左或向右移动的 NetBeans JTable
- python - 保存在数据库中的 Django-Python 列表如何在模板中访问?
- python - Python 2.7 乌龟 onkey 事件导致循环?
- macos - ModuleNotFoundError:没有名为“PyMySQL”Mac OSX 的模块
- kubernetes - Pod 副本缩减在 Kubernetes Horizontal Pod Autoscaler 中是如何工作的?
- python - 分组依据和引用移位值
- c - 看似不可能的错误检查
- java - 哪一层最适合 Java DTO 的映射器、服务层或控制器层?