仅当值为 false 并在 Vue 中包含自定义 Bulma 扩展时才阻止事件

【问题标题】：Prevent event only if value is false and include custom Bulma extension in Vue仅当值为 false 并在 Vue 中包含自定义 Bulma 扩展时才阻止事件
【发布时间】：2017-10-01 04:37:55
【问题描述】：

我想防止复选框上的单击事件，只有当值为 false 时。
有没有办法像我尝试的那样内联？
<input type="checkbox" v-model="task.done" :checked="task.done" @click.prevent="value">
我使用 Vue.js v2（webpack 模板），但我不知道如何在我的项目中包含 Bulma slider（可能是脚本标签，但在哪里？）。
我用 npm 命令安装了它：npm install bulma-slider --save。

【问题讨论】：

标签： javascript css node.js vuejs2 bulma

【解决方案1】：

您可以检查值是否为假，然后调用.preventDefault()。将您的 HTML 更改为：

<input type="checkbox" v-model="task.done" @click="onClick)">

和

methods: {
  onClick(event) {
    if (event.target.value === false) event.preventDefault()
  }
}

你可以试试这个：https://github.com/vue-bulma/slider

【讨论】：

我正在考虑第一种方法，可能会像那样使用它。关于第二个我想要安装的扩展程序，但感谢链接。