btn type==checkbox 的时候点击报错 #242
Description
Version & browser
chrome & firefox (safari doesn't have the problem)
the official demo is not working as well.
Steps to reproduce the problem
<template>
<div class="about">
<h1>This is an about page</h1>
<section>
<btn-group>
<btn input-type="checkbox" input-value="1" v-model="model">Checkbox 1</btn>
<btn input-type="checkbox" input-value="2" v-model="model">Checkbox 2</btn>
<btn input-type="checkbox" input-value="3" v-model="model">Checkbox 3</btn>
<btn input-type="checkbox" input-value="4" v-model="model" disabled>Checkbox 4 (Disabled)</btn>
</btn-group>
<hr/>
<alert>Selected: {{model}}</alert>
</section>
</div>
</template>
<script>
export default {
name : 'about',
data : function() {
return {
model: ['1','2']
}
}
}
</script>
click the button and the error goes like below
[Vue warn]: Error in render: "TypeError: props.value.indexOf is not a function"
found in
---> <About> at src/views/About.vue
<App> at src/App.vue
<Root>
warn @ vue.runtime.esm.js?2b0e:587
logError @ vue.runtime.esm.js?2b0e:1733
globalHandleError @ vue.runtime.esm.js?2b0e:1728
handleError @ vue.runtime.esm.js?2b0e:1717
Vue._render @ vue.runtime.esm.js?2b0e:4542
updateComponent @ vue.runtime.esm.js?2b0e:2784
get @ vue.runtime.esm.js?2b0e:3138
run @ vue.runtime.esm.js?2b0e:3215
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:2977
(anonymous) @ vue.runtime.esm.js?2b0e:1833
flushCallbacks @ vue.runtime.esm.js?2b0e:1754
vue.runtime.esm.js?2b0e:1737 TypeError: props.value.indexOf is not a function
at render (uiv.esm.js?a44f:996)
at createFunctionalComponent (vue.runtime.esm.js?2b0e:4056)
at createComponent (vue.runtime.esm.js?2b0e:4246)
at _createElement (vue.runtime.esm.js?2b0e:4416)
at createElement (vue.runtime.esm.js?2b0e:4353)
at vm._c (vue.runtime.esm.js?2b0e:4485)
at Proxy.render (eval at ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"02122ec4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/About.vue?vue&type=template&id=039c5b43& (about.js:23), <anonymous>:16:13)
at VueComponent.Vue._render (vue.runtime.esm.js?2b0e:4540)
at VueComponent.updateComponent (vue.runtime.esm.js?2b0e:2784)
at Watcher.get (vue.runtime.esm.js?2b0e:3138)
logError @ vue.runtime.esm.js?2b0e:1737
globalHandleError @ vue.runtime.esm.js?2b0e:1728
handleError @ vue.runtime.esm.js?2b0e:1717
Vue._render @ vue.runtime.esm.js?2b0e:4542
updateComponent @ vue.runtime.esm.js?2b0e:2784
get @ vue.runtime.esm.js?2b0e:3138
run @ vue.runtime.esm.js?2b0e:3215
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:2977
(anonymous) @ vue.runtime.esm.js?2b0e:1833
flushCallbacks @ vue.runtime.esm.js?2b0e:1754