drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed CheckboxGroup bug

Browse source 
fixed CheckboxGroup bug
This commit is contained in:
梁灏 2016-12-21 20:48:11 +08:00
parent fc640135d6
commit c1f6da1f8e
3 changed files with 25 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/checkbox/checkbox-group.vue
View file

@ -43,12 +43,13 @@
},
watch: {
model (val, oldVal) {
if (val == oldVal) {
this.updateModel();
} else {
// if (val == oldVal) {
// this.updateModel();
// } else {
// this.updateModel(true);
// }
this.updateModel(true);
}
}
}
}
</script>

5
test/routers/date.vue
View file

@ -7,16 +7,15 @@
<i-col span="8">
<!--<i-button @click="setDate">set date</i-button>-->
<date-picker
:type="type"
type="month"
style="width:200px"
placeholder="请选择日期"
:value.sync="value"
@on-change="change"
:confirm="true"
:confirm="false"
:options="options"
open
@on-open-change="change2">
<p>123</p>
</date-picker>
</i-col>
<i-col span="8">

50
test/routers/more.vue
View file

@ -1,42 +1,26 @@
<style>
.ivu-col div.aaaaa{
height: 100px;
line-height: 100px;
text-align: center;
color: #fff;
background: rgba(0, 153, 229, .9);
}
.ivu-col:nth-child(odd) div.aaaaa{
background: rgba(0, 153, 229, .7);
}
</style>
<template>
<Row>
<i-col :xs="2" :sm="4" :md="6" :lg="8"><div class="aaaaa">Col 1</div></i-col>
<i-col :xs="20" :sm="16" :md="12" :lg="8"><div class="aaaaa">Col 2</div></i-col>
<i-col :xs="2" :sm="4" :md="6" :lg="8"><div class="aaaaa">Col 3</div></i-col>
</Row>
<br><br>
<Row>
<i-col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }"><div class="aaaaa">Col 1</div></i-col>
<i-col :xs="{ span: 11, offset: 1 }" :lg="{ span: 6, offset: 2 }"><div class="aaaaa">Col 2</div></i-col>
<i-col :xs="{ span: 5, offset: 1 }" :lg="{ span: 6, offset: 2 }"><div class="aaaaa">Col 3</div></i-col>
</Row>
<i-button @click="start">Start</i-button>
<i-button @click="finish">Finish</i-button>
<i-button @click="error">Error</i-button>
{{ fruit |json}}
<Checkbox-group :model.sync="fruit" @on-change="changed">
<Checkbox value="a"></Checkbox>
<Checkbox value="b"></Checkbox>
<Checkbox value="c"></Checkbox>
</Checkbox-group>
<i-button @click="change">change</i-button>
</template>
<script>
export default {
data () {
return {
fruit: ['b']
}
},
methods: {
start () {
this.$Loading.start();
change () {
this.fruit.splice(0, 1);
// this.fruit = ['a']
},
finish () {
this.$Loading.finish();
},
error () {
this.$Loading.error();
changed (s) {
console.log(s)
}
}
}