alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs(ActionSheet): update v-model usage

Browse Source
This commit is contained in:
chenjiahan
2020-07-25 22:05:47 +08:00
parent bb445b74ef
commit 1e441e86a5
4 changed files with 14 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/action-sheet/README.md
+6 -6
View File
@@ -17,7 +17,7 @@ Use `actions` prop to set options of action-sheet.
```html
<van-cell is-link title="Basic Usage" @click="show = true" />
<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />
<van-action-sheet v-model:show="show" :actions="actions" @select="onSelect" />
```
```js
@@ -47,7 +47,7 @@ export default {
```html
<van-action-sheet
v-model="show"
v-model:show="show"
:actions="actions"
cancel-text="Cancel"
close-on-click-action
@@ -81,7 +81,7 @@ export default {
```html
<van-action-sheet
v-model="show"
v-model:show="show"
:actions="actions"
cancel-text="Cancel"
description="Description"
@@ -108,7 +108,7 @@ export default {
```html
<van-action-sheet
v-model="show"
v-model:show="show"
:actions="actions"
cancel-text="Cancel"
close-on-click-action
@@ -133,7 +133,7 @@ export default {
### Custom Panel
```html
<van-action-sheet v-model="show" title="Title">
<van-action-sheet v-model:show="show" title="Title">
<div class="content">Content</div>
</van-action-sheet>
@@ -150,7 +150,7 @@ export default {
| Attribute | Description | Type | Default |
| --- | --- | --- | --- |
| v-model (value) | Whether to show ActionSheet | _boolean_ | `false` |
| v-model:show | Whether to show ActionSheet | _boolean_ | `false` |
| actions | Options | _Action[]_ | `[]` |
| title | Title | _string_ | - |
| cancel-text | Text of cancel button | _string_ | - |