僅當值爲false並且包括Vue中的自定義布爾瑪擴展時才阻止事件

Question

1. 僅當值爲false時，我想防止複選框上的單擊事件。
   有沒有辦法像im試圖內聯呢？
   <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() 
    } 
} 

你可以嘗試使用這個：https://github.com/vue-bulma/slider