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 slider在我的元素中(可能是脚本标签，但在哪里？)。
   我用 npm 命令安装它:npm install bulma-slider --save .

Answer 1

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

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

和

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

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