仅在值为false并将自定义的Bulma扩展名中的VUE中预防事件

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. 您可以检查值是否为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