vue3相关
最近换框架遇到的问题
Beesia
这个作者很懒,什么都没留下…
展开
-
前端使用vant4上传控件预览时报错Not allowed to load local resource
因为我之前是直接把地址"D:\\YDXJ\\2023/02/01/e7230c63-8973-407b-bf19-c5b163d17364.jpg"存在了数据库中,然后直接返回给了前端,我使用的是前后端分离的项目vue3+SpringBoot,前端组件库是vant4,上传控件预览的时候报错。,addResourceLocation()中的路径最后一定要记得打。前端接收路径并将后端的ip地址和端口号拼上组成完成的访问地址。需要配置一个虚拟路径来访问系统中的资源。原创 2023-02-01 16:47:39 · 489 阅读 · 0 评论 -
vue3 elementplus el-drawer抽屉 实现在指定组件里打开
但是我这样不行,,最后查看控制台,发现el-drawer外层都包裹一个el-overlay遮罩层沾满全屏,position是fixed。所以解决方式是在抽屉外套一层div,设置,然后。原创 2022-08-05 18:37:54 · 4605 阅读 · 3 评论 -
vue axios 发送请求时,如果某些字段值为空就不传
vue axios 发送请求时,如果某些字段值为空就不传原创 2022-06-03 10:10:31 · 1538 阅读 · 1 评论 -
el-select multiple 选择器多选控件,初始就会触发表单校验的问题
<el-select v-if="NextPoint.success" v-model="submitForm.messageReceiver" style="width: 50%" filterable multiple >因为后端需要的下一步执行人为字符串所以最开始写成messageReceiver: "",结果打开页面就触发了表单验证...原创 2022-05-19 15:37:19 · 1237 阅读 · 0 评论 -
elementplus dialog对话框遮罩不挡住导航
刚开始解决方式如下::v-deep .el-overlay { position: absolute;}这样确实左侧导航和上方标签不会被遮罩遮挡,但是点击无效果于是查看弹出框的z-index为2013导航和标签的z-index只有1000左右,更改导航和标签的z-index大于对话框的就行啦,这样打开对话框后导航和标签也可以点击了。...原创 2022-04-25 15:46:47 · 1538 阅读 · 0 评论 -
vue3 请求到的下拉框里的选项无数据
很有可能是没把数据定义成响应式的。。。。。。(〃>皿<)原创 2022-04-19 10:20:54 · 1033 阅读 · 0 评论 -
vue element plus对话框第二次点击时 选择器不显示
第一次点击时下拉框出现正常,关闭窗口后再次进入,选择器的下拉框不会出现可给选择器设置属性:teleported="false"但是这样写后日期选择器显示不全,原创 2022-04-19 10:05:50 · 2033 阅读 · 1 评论 -
对象上使用扩展运算符打印错误TypeError: Found non-callable @@iterator时
具体代码为:cjgc.push(...res.data);res.data是一个对象报错ypeError: Found non-callable @@iterator,意思为data不是可迭代对象,所谓的JS中的可迭代对象包括常用的集合对象(数组、Set、Map集合)和字符串都是可迭代对象。上述代码可修改为cjgc.push({ ...res.data });...原创 2022-04-17 15:06:04 · 2017 阅读 · 0 评论 -
vue3.2 子组件获取父组件的属性
在子组件中直接defineProps<{ cjgcSelectVisible: boolean; bzrq: string;}>();然后直接打印bzrq会取不到值可以写成const props = defineProps<{ cjgcSelectVisible: boolean; bzrq: string;}>();然后console.log(props.bzrq);就可以了...原创 2022-04-17 10:51:14 · 2523 阅读 · 0 评论 -
vue3 elementplus table表格高度自适应
<el-table ref="tableRef" :data="tableData" stripe border :height="tableHeight" highlight-current-row @row-click="rowClick" >// table元素const tableRef = ref(null);// table高度const tableHeight = ref();.原创 2022-04-15 10:16:38 · 6235 阅读 · 3 评论 -
element-plus 表格翻页之后滚动条回到顶部
给el-table添加属性ref="tableRef",再将这个ref对象创建出来let tableRef = ref(null);最后在翻页触发的事件中写tableRef.value.setScrollTop(0);原创 2022-04-12 10:58:08 · 1898 阅读 · 2 评论 -
前端发送请求时将json数据转为form-data格式
之前取不到值,报系统错误,后来问了同事,说数据传输的格式不对。因为之前是匹配easyui,很多格式都要求formdata。最开始解决时创建了一个formdata对象,但是formdata对象取值要get()一下,不方便在标签里拿到值再进行操作。然后就刚开始试了下吧请求头里的content-type换成multipart/form-data,但是这样要传的是json的时候就不行了。然后就找了下json转formdata的办法,但是感觉...原创 2022-04-12 10:46:36 · 8706 阅读 · 0 评论 -
vue3 中对 dialog 的封装
父组件let dialogVisible: Ref<boolean> = ref(false);<Dialog v-model:dialogVisible="dialogVisible" />子组件<script setup lang="ts">// 接收父组件传来的defineProps<{ dialogVisible: boolean;}>();// 子传父const emits = defineEmits(["upd原创 2022-04-12 10:31:45 · 2885 阅读 · 0 评论