[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('創建成功') }) } }) }, ```