likeadmin 打开弹框、修改组件上传地点

index.vue

1. <template>
2.     <div>
3.         <el-card class="!border-none" shadow="never">
4.             <el-button v-perms="['resources.region/add']" type="primary" @click="handleAdd">
5.                 <template #icon>
6.                     <icon name="el-icon-Plus" />
7.                 </template>
8.                 新增
9.             </el-button>
10.         </el-card>        
11.         <edit-popup
12.             v-if="showEdit"
13.             ref="editRef"
14.             @close="showEdit = false"
15.         />
16.     </div>
17. </template>
19. <script lang="ts" setup name="regionLists">
20. // 注意这里的EditPopup是edit-popup的名称，这里改了，上面弹框组件名称也要改
21. import EditPopup from './edit.vue'
23. const editRef = shallowRef<InstanceType<typeof EditPopup>>()
24. // 是否显示编辑框
25. const showEdit = ref(false)
27. // 添加
28. const handleAdd = async () => {
29.     showEdit.value = true
30.     await nextTick()
31.     editRef.value?.open()
32. }
34. </script>

复制代码

edit.vue

1. <template>
2.     <div class="edit-popup">
3.         <popup
4.             ref="popupRef"
5.             title="测试"
6.             :async="true"
7.             width="550px"
8.         >
9.             123456
10.         </popup>
11.     </div>
12. </template>
14. <script lang="ts" setup name="regionEdit">
16. import Popup from '@/components/popup/index.vue'
17. const popupRef = shallowRef<InstanceType<typeof Popup>>()
20. //打开弹窗
21. const open = () => {
22.     popupRef.value?.open()
23. }
25. defineExpose({
26.     open
27. })
28. </script>

复制代码

修改 upload 组件上传地点
组件文件路径：项目根目次\admin\src\components\upload\index.vue
修改组件下面两个地方

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。