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

Question

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

Answer 1

1. 您可以检查 value 是否为 false，然后调用.preventDefault(). 将您的 HTML 更改为：

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

和

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

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