[toc] ### 1. 给元素绑定点击事件,并定义创建文件夹方法 ``` <Button icon="ios-search" class="mr-2" @click="createDir">新建文件夹</Button> ``` ### 2. 实现点击新建文件夹按钮显示弹窗效果 ### 3. 点击弹窗的确定按钮调用新建文件夹接口 ### 4.当新建文件夹接口调用成功之后让弹窗消失,并让列表的文件列表的数据更新 ``` computed : { file_id(){ return 0 } } // 新建文件夹 createDir(){ let value = '' this.$Modal.confirm({ title:"新建文件夹", render: (h) => { return h('Input', { props: { value: "", autofocus: true, placeholder: '请输入文件夹名称...' }, on: { input: (val) => { value = val } } }) }, onOk:()=>{ this.axios.post('/api/file/createdir',{ file_id:this.file_id, name:value },{ token:true }).then(res=>{ this.getData() this.$Message.success('创建成功') }) } }) }, ```