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

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

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