build(storybook): 双向绑定故事
This commit is contained in:
@ -1,8 +1,8 @@
|
|||||||
/*
|
/*
|
||||||
* @Author: zhaojinfeng 121016171@qq.com
|
* @Author: zhaojinfeng 121016171@qq.com
|
||||||
* @Date: 2023-08-16 17:33:41
|
* @Date: 2023-08-16 17:33:41
|
||||||
* @LastEditors: zhaojinfeng 121016171@qq.com
|
* @LastEditors: peerless_hero peerless_hero@outlook.com
|
||||||
* @LastEditTime: 2023-08-22 14:10:55
|
* @LastEditTime: 2023-08-30 13:31:32
|
||||||
* @FilePath: \vue3\stories\UploadList.stories.ts
|
* @FilePath: \vue3\stories\UploadList.stories.ts
|
||||||
* @Description:
|
* @Description:
|
||||||
*
|
*
|
||||||
@ -69,6 +69,35 @@ export const Base: Story = {
|
|||||||
name: '基本使用',
|
name: '基本使用',
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export const VModel: Story = {
|
||||||
|
name: '双向绑定',
|
||||||
|
args: {
|
||||||
|
accept: '*',
|
||||||
|
disabled: false,
|
||||||
|
fileList: [],
|
||||||
|
request,
|
||||||
|
filePath: '/',
|
||||||
|
maxsize: 100,
|
||||||
|
},
|
||||||
|
render: args => ({
|
||||||
|
components: { ThUploadList },
|
||||||
|
setup() {
|
||||||
|
return { args }
|
||||||
|
},
|
||||||
|
template: `
|
||||||
|
值:{{ args.fileList }}
|
||||||
|
<th-upload-list
|
||||||
|
v-model:file-list="args.fileList"
|
||||||
|
:accept="args.accept"
|
||||||
|
:disabled="args.disabled"
|
||||||
|
:request="args.request"
|
||||||
|
:file-path="args.filePath"
|
||||||
|
:maxsize="args.maxsize"
|
||||||
|
/>
|
||||||
|
`,
|
||||||
|
}),
|
||||||
|
}
|
||||||
|
|
||||||
export const Disabled: Story = {
|
export const Disabled: Story = {
|
||||||
name: '禁用',
|
name: '禁用',
|
||||||
args: {
|
args: {
|
||||||
|
Reference in New Issue
Block a user