vue
以vue开发的记录
getyefang
这个作者很懒,什么都没留下…
展开
-
nuxt项目踩坑记录
nuxt项目用服务器渲染的项目,报错内容:Error occurred while proxying request原创 2023-03-03 14:32:16 · 748 阅读 · 1 评论 -
记录vue插入第三方控件不起效果
vue使用iframe标签传值原创 2022-10-14 16:48:27 · 666 阅读 · 0 评论 -
vue3+vite打包之后,页面放在服务器(一级,二级)目录下,页面空白,nuxt使用pm2发布服务器
vue3+vite打包之后,页面放在服务器(一级,二级)目录下,页面空白原创 2022-09-16 11:19:47 · 2820 阅读 · 0 评论 -
element-table模糊搜索input匹配,级联搜索
element-table模糊搜索input匹配,级联搜索原创 2022-09-09 14:10:25 · 1920 阅读 · 0 评论 -
element-table表格动态合并单元格
element-table表格动态合并单元格原创 2022-09-05 15:53:05 · 420 阅读 · 0 评论 -
element的表格横向展示数组如何实现(组合数组)
动态创建健值对,element表格横向展示数据原创 2022-07-11 14:25:16 · 5658 阅读 · 0 评论 -
记录vite+element-plus按需引入,附报错“Cannot find module ‘unplugin-element-plus/vite‘”解决方案
记录vite+element-plus按需引入,附报错“Cannot find module 'unplugin-element-plus/vite'”解决方案原创 2022-06-06 15:34:24 · 7574 阅读 · 0 评论 -
vue2,vue3导入导出插件js-xlsx(表格),后台导入导出
通过接口后台导入导出,纯前端导出功能原创 2022-03-15 15:39:21 · 3058 阅读 · 0 评论 -
记录使用addRoute(不生效)报错‘path’xxxxx的解决方案
根据业务需求,写的是一个后台管理系统,需要根据角色来进行菜单展示动态路由错误: let menulist=[]; for(let i=0;i<res.data.length;i++){ let item=res.data[i]; let children=[]; if(item.subMenuList){ for(let j=0;j<item.su原创 2022-03-02 18:52:41 · 3635 阅读 · 0 评论 -
记录vite打包报错问题
项目搭建(vue3+element-plus+vite)报错信息:配置文件:原因:我这个项目不是使用ts开发的,但是在配置项目的时候加入了vue-tsc --noEmit 这个东西去掉vue-tsc --noEmit这个然后再执行,就可以了。...原创 2022-02-28 14:55:35 · 2806 阅读 · 0 评论 -
vue3+elemen-plus的表单验证(不使用官方的ts)
vue3+elemen-plus的表单验证(不使用官方的ts原创 2022-02-11 14:59:39 · 4152 阅读 · 2 评论 -
element动态给输入框(数组对象形式)赋值之后输入框不可编辑
由于业务需求,建的表单全部都是动态并且属于数组构成,在赋值之后发现点不了,不可编辑方法一:(因为我的输入框是属于数组里面的,此方法更合适)<el-radio-group v-model="item.realData1" @input="changeUpdate"> <el-radio label="1">有身份证</el-radio> <el-radio label="2">暂缺身份证</el-radio></el-r原创 2021-12-28 14:18:28 · 1538 阅读 · 0 评论 -
构建vue3+ts项目报错Error: Cannot find module ‘vue-template-compiler‘
在构建项目过程当中直接报错,在试着启动npm install serve的时候也是不可以启动的解决方案:1、查看自己的vue版本(@vue/cli 4.5.11)npm update -g @vue/cli更新之后(@vue/cli 4.5.15)备注:mac更新时如果报错需要在npm前加sudo这是要加权限才可以更新sudo npm update -g @vue/cli测试:vue create tsdemo 构建成功运行成功2、可以先卸载(卸...原创 2021-12-16 17:12:43 · 1785 阅读 · 0 评论 -
记录Promise.all同步验证element的form表单,单个input验证
由于某一种需求,同一个页面存在多个form表单,提交的时候需要同时验证。<el-form :model="formCar" ref="formCar" :rules="rules" :hide-required-asterisk="true" label-width="120px" :inline="true" class="topFormTitle"> <el-form-item label="车牌号:" prop="carNo"> <el-input原创 2021-12-09 15:42:21 · 917 阅读 · 0 评论 -
记录element的图片上传multipart/form-data报错
按照element文档上的设置好各种参数之后最后请求的时候报错了,multipart无边界什么的错误,最后折腾老半天发现原来是自己负值的时候格式化了值转成了URL.createObjectURL(file.raw)格式不对后台的图片一直接收为null,差点头秃!最后找了别人的input上传重新写demo发现问题所在!注意:一定要new FormData()参考:vue项目中使用multipart/form-data进行提交数据, 上传文件,upload,elem...原创 2021-11-30 18:48:18 · 634 阅读 · 0 评论 -
关于element页面初始化表单自动校验的问题
方法一: 最简单的方法在这个form表单中直接赋值为空对象,不写属性名称 data() { return { form: {}, rules: { remarks: [{ required: true, message: "审核备注不能为空" }] }, }; },<el-form-item label="审核备注:" prop="remarks"> <el-input type="textare..原创 2021-11-08 15:00:41 · 3190 阅读 · 2 评论 -
element的select如何获取选中的对象(远程搜索)
<el-select v-model="form.partnerShortName" filterable remote placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading" @change="changeChannl" value-key="id" ..原创 2021-11-03 11:04:19 · 1436 阅读 · 0 评论 -
Element的table实现单选
<el-table :data="cardIdlist" border ref="carTable" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="50" align="center"></el-table-column> <el-table-column type="index" label="序号" .原创 2021-10-14 14:18:28 · 1157 阅读 · 0 评论 -
vue打印模版-自定义模版-局部打印/使用插件vue-print-nb打印,打印样式设置
vue打印模版-自定义模版-局部打印/使用插件vue-print-nb打印,设置打印样式原创 2021-10-08 11:42:19 · 18789 阅读 · 0 评论