Vuetify: [Bug Report] v-checkbox component is not functional with value attribute

Created on 22 Nov 2017  路  4Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 0.17.2
Vue: 2.5.1
Browsers: Chrome 62.0.3202.75
OS: Linux x86_64

Steps to reproduce

create v-checkbox component like one of this:

<v-checkbox :value="true" label="this checkbox should be checked"></v-checkbox>
<v-checkbox :checked="true" label="this checkbox should be checked"></v-checkbox>

Expected Behavior

the checkbox should be checked, because the 'value' (or 'checked') attribute is set to true

Actual Behavior

the checkbox is not checked

Reproduction Link

https://jsfiddle.net/mr_july/Lkx49q2L/

invalid

Most helpful comment

Why exactly is this different from other components? the v-checkbox does have a v-model attribute, which suggests it uses the :value property and @input event mechanisms, which is how v-model is said to be implemented in the vue docs.

All 4 comments

Checkboxes use input-value as their model.

Why exactly is this different from other components? the v-checkbox does have a v-model attribute, which suggests it uses the :value property and @input event mechanisms, which is how v-model is said to be implemented in the vue docs.

Vue lets you change which prop and event the v-model uses: https://vuejs.org/v2/api/#model

Selection controls already use value to set their value, so something else had to be used for active state.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dohomi picture dohomi  路  3Comments

Webifi picture Webifi  路  3Comments

dschreij picture dschreij  路  3Comments

chriswa picture chriswa  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments