build(storybook): 双向绑定故事
This commit is contained in:
@ -1,8 +1,8 @@
|
||||
/*
|
||||
* @Author: zhaojinfeng 121016171@qq.com
|
||||
* @Date: 2023-08-16 17:33:41
|
||||
* @LastEditors: zhaojinfeng 121016171@qq.com
|
||||
* @LastEditTime: 2023-08-22 14:10:55
|
||||
* @LastEditors: peerless_hero peerless_hero@outlook.com
|
||||
* @LastEditTime: 2023-08-30 13:31:32
|
||||
* @FilePath: \vue3\stories\UploadList.stories.ts
|
||||
* @Description:
|
||||
*
|
||||
@ -69,6 +69,35 @@ export const Base: Story = {
|
||||
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 = {
|
||||
name: '禁用',
|
||||
args: {
|
||||
|
Reference in New Issue
Block a user