blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

docs(Checkbox): fix toggle demo

Browse Source
This commit is contained in:
chenjiahan 2020-09-01 16:33:26 +08:00
parent c3ad8bf5c4
commit 54c4a0c3c8
2 changed files with 36 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/checkbox/README.md
View File

@ -184,7 +184,7 @@ export default {
@click="toggle(index)" @click="toggle(index)"
> >
<template #right-icon> <template #right-icon>
<van-checkbox :name="item" ref="checkboxes" /> <van-checkbox :name="item" :ref="el => checkboxes[index] = el" />
</template> </template>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
@ -192,19 +192,28 @@ export default {
``` ```
```js ```js
import { ref, onBeforeUpdate } from 'vue';
export default { export default {
data() { setup() {
const result = ref([]);
const checkboxes = ref([]);
const toggle = (index) => {
checkboxes.value[index].toggle();
};
onBeforeUpdate(() => {
checkboxes.value = [];
});
return { return {
list: ['a', 'b'] list: ['a', 'b'],
result: [] result,
toggle,
checkboxes,
}; };
}, },
methods: { };
toggle(index) {
this.$refs.checkboxes[index].toggle();
}
}
}
``` ```
## API ## API

25
src/checkbox/README.zh-CN.md
View File

@ -204,7 +204,7 @@ export default {
@click="toggle(index)" @click="toggle(index)"
> >
<template #right-icon> <template #right-icon>
<van-checkbox :name="item" ref="checkboxes" /> <van-checkbox :name="item" :ref="el => checkboxes[index] = el" />
</template> </template>
</van-cell> </van-cell>
</van-cell-group> </van-cell-group>
@ -212,18 +212,27 @@ export default {
``` ```
```js ```js
import { ref, onBeforeUpdate } from 'vue';
export default { export default {
data() { setup() {
const result = ref([]);
const checkboxes = ref([]);
const toggle = (index) => {
checkboxes.value[index].toggle();
};
onBeforeUpdate(() => {
checkboxes.value = [];
});
return { return {
list: ['a', 'b'], list: ['a', 'b'],
result: [], result,
toggle,
checkboxes,
}; };
}, },
methods: {
toggle(index) {
this.$refs.checkboxes[index].toggle();
},
},
}; };
``` ```