Svelte Electron 和 Metro UI Css答案

【问题标题】：Svelte Electron y Metro UI CssSvelte Electron 和 Metro UI Css
【发布时间】：2021-03-11 07:04:19
【问题描述】：

我有一个 MetroUI 框架的表格组件；在 Electron 应用程序的 Svelte 组件中，我尝试从表中获取所选项目，该组件为其公开数据检查单击；尝试调用与事件关联的函数会抛出

的错误

metro.js:6704 Uncaught ReferenceError: onCheckClick is not defined at HTMLInputElement.eval (eval at func (metro.js:6687), <anonymous>:3:1)
at Object.exec (metro.js:6700) at HTMLInputElement.<anonymous> (metro.js:26206) at HTMLTableElement.func_event_click_94 (metro.js:1770)

欢迎任何帮助

<script>
function onCheckClick(){
        console.log("Click !!");
}
</script>
<p>Brands</p>
<input type="text" data-role="input" data-reveal-button="false">
<p>Select image</p>
<input type="file" data-role="file" data-button-title="...">
<button class="button">Save</button>
<br/>
<table class="table" data-role="table"
data-rows="5"
data-check="true"
data-rows-steps="5, 10"
data-show-activity="false"
data-source="./../public/data/brands.json"
data-on-check-click="onCheckClick()"
>
</table>

【问题讨论】：

标签： javascript electron svelte metro-ui-css

【解决方案1】：

请从您为 data-on-check-click 属性定义的函数名称中删除大括号：

data-on-check-click="onCheckClick()"

如果你在函数名后使用大括号，函数会立即被调用。 data-on-check-click 属性应如下所示：

data-on-check-click="onCheckClick"

然后你可以像这样定义你的事件处理函数：

function onCheckClick(clickedCheckbox){
    console.log(clickedCheckbox);
}

输出如下：

<input type="checkbox" ...>

【讨论】：