我有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>
最佳答案
请从函数名称中删除括号,该函数名称是您为“点击时数据”属性定义的:
data-on-check-click="onCheckClick()"
如果在函数名称后使用花括号,则会立即调用该函数。检查数据点击属性应如下所示:data-on-check-click="onCheckClick"
然后,您可以定义事件处理程序函数,如下所示:function onCheckClick(clickedCheckbox){
console.log(clickedCheckbox);
}
输出如下所示:<input type="checkbox" ...>
关于javascript - Svelte Electron y Metro UI CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60853575/