vue
日常开发学习中遇到的问题记录
D浩DzD
这个作者很懒,什么都没留下…
展开
-
elementui el-upload一次请求上传多个文件
方法,从而实现多个文件上传,但是有时候,我们希望,当上传多个文件的时候,只给后端发送一次请求,这样就需要先把el-upload的自动上传改为手动上传。注意上传文件接口的请求头中headers中的’Content-Type’要为’multipart/form-data’在使用element中的el-upload是时,当我们要上传多个文件时,el-upload内部会多次调用。使用自定义上传的接口,而不是使用*this.$refs.upload.submit();原创 2023-06-19 21:09:22 · 6944 阅读 · 0 评论 -
在vue中使用变量给模板中的图片地址赋值失效问题,应使用require或import引入图片
在vue中使用变量给模板中的图片地址赋值失效问题,应使用require或import引入图片原创 2023-02-17 14:24:32 · 611 阅读 · 0 评论 -
element表格el-table组件实现虚拟滚动,解决数据量大渲染DOM过多而卡顿问题
element表格el-table组件实现虚拟滚动,解决数据量大渲染DOM过多而卡顿问题原创 2022-09-30 17:47:20 · 14660 阅读 · 9 评论 -
vue中子组件需调用父组件通过异步获取的数据,而子组件不能及时获取到异步数据问题
vue中子组件需调用父组件通过异步获取的数据,而子组件不能及时获取到异步数据问题原创 2022-09-29 11:33:10 · 1297 阅读 · 0 评论 -
el-table使用合并行和列功能
通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组,第一个元素代表rowspan,第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。原创 2022-09-19 09:40:40 · 4967 阅读 · 0 评论 -
element中的table使用展开行功能,特定条件下才能点开展开行以及点击整行展开,以及使用合计不显示问题
在使用element中的table使用展开行功能时,官网给的示例中每行都可以展开,以及只能通过点击展开图标才能展开,但是需求中是点击整行展开,以及只有某些符合条件的行才有展开功能如下图所示通过设置type=“expand”和Scopedslot可以开启展开行功能,el-table-column的模板会被渲染成为展开行的内容,展开行可访问的属性与使用自定义列模板时的Scopedslot相同。...原创 2022-07-21 17:37:23 · 4120 阅读 · 2 评论 -
在vue项目中使用文字转语音播报功能
在vue项目中使用文字转语音播报功能SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等。SpeechSynthesisUtterance基本属性原创 2022-06-07 11:15:42 · 1259 阅读 · 0 评论 -
打印问题,需求是跳转到打印页面时直接弹出浏览器打印模式弹窗,当用户点击打印或取消打印时再关掉该打印页面并且返回到目标窗口源(父)页面并重载页面数据
打印问题,需求是跳转到打印页面时直接弹出浏览器打印模式弹窗,当用户点击打印或取消打印时再关掉该打印页面并且返回到目标窗口源(父)页面并重载页面数据afterprint原创 2022-03-11 17:41:26 · 2571 阅读 · 0 评论 -
使用element的侧边菜单组件跳转报错问 Loading chunk {n} failed问题
使用element的侧边菜单组件跳转时一直报错,点击广告位列表时路由跳不过去,且报错路由规则片段{ path: '/course', name: 'course', component: () => import(/* webpackChunkName: 'course' */ '@/views/course/index.vue') }, { path: '/advert-space', na原创 2021-07-31 18:02:34 · 205 阅读 · 0 评论 -
解决label标签包裹input后点击事件触发两次问题
通常在为了使用户体验更好,在一些复选框或单选框和输入框中,会使用label包裹input这样用户只需点击后面文字,即可选中当前项。代码结构如下<ul class="table-main " @mouseenter.stop="myMouseenter(index)" :class="{'table-main-active':mouseIndex==index?true:false, 'table-main-actived':selectIndexArr.indexOf(index)!=-1原创 2021-03-03 17:32:34 · 1367 阅读 · 1 评论