
vue项目中的问题(一)
理论联系实际、提高思维能力
小香菜籽
少年去游荡,中年想掘藏,老年做和尚。
展开
-
【vue2实现Tabs标签的切换和删除】
如图,使用的是router.push(name),点击获取到的页面url直接拼接到地址栏,导致匹配不到地址,出现空白页。方法二:存在于keepList这个数组的页面才会被缓存,这里要注意的是数组内的值要与页面的name对应。标签数据缓存在store,刷新页面的时候先存储但session中,页面加载后再重新取出赋值。方法一:直接包裹组件,这样会缓存所有包裹的页面,不太符合情况。左侧菜单组件,我的是leftnav.vue。标签组件TabsContent.vue。标签组件TabsContent.vue。原创 2023-08-25 13:45:00 · 3094 阅读 · 4 评论 -
两种方式实现element日历Calendar组件的选择月份功能
【代码】两种方式实现element日历Calendar组件的选择月份功能。原创 2023-08-01 16:20:06 · 2911 阅读 · 0 评论 -
【elementui动态设置el-table表头并添加插槽】
【代码】【elementui动态设置el-table表头并添加插槽】原创 2023-06-06 18:58:49 · 2022 阅读 · 0 评论 -
【Cascader 级联选择器,可选择任意一级后自动收回】
top: -18px;border: 0;原创 2023-05-31 14:24:30 · 841 阅读 · 0 评论 -
解决element-ui table表格错位问题
1、固定表头导致的错误样式。(1)table中加ref。原创 2023-02-09 18:12:10 · 908 阅读 · 1 评论 -
vue表单el-form-item校验电话、身份证号以及多个prop
校验身份证号校验多个prop方式可能比较简单粗暴直接套了多个el-form-item,然后调了一下样式原创 2022-12-06 10:10:27 · 1338 阅读 · 1 评论 -
解决vue直接写本地图片地址图片不显示问题
【代码】解决vue直接写本地图片地址图片不显示问题。原创 2022-12-02 11:15:15 · 451 阅读 · 0 评论 -
解决element-ui的Pagination 分页组件在第N页搜索无数据的问题
vue2+element-ui 使用分页组件、进行搜索数据时。原创 2022-12-02 09:58:26 · 1029 阅读 · 0 评论 -
vue2+element自定义导入文件方法
data() {return {fileList : [ ] , //文件 } }} else {} });//注意el-upload里一定要写ref } ,原创 2022-12-02 09:38:43 · 448 阅读 · 0 评论 -
使用element-ui环形进度条报错[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage".原创 2022-12-02 09:29:02 · 499 阅读 · 0 评论 -
vue2+element实现自定义上传
自定义上传方法原创 2022-11-23 09:42:19 · 293 阅读 · 0 评论 -
vue2+element表单,循环多个el-form-item并校验或校验多个表单
【代码】vue2+element表单,循环多个el-form-item并校验或校验多个表单。原创 2022-11-23 09:31:41 · 1819 阅读 · 0 评论 -
解决:vue.esm.js?efeb:1906 TypeError: Cannot use ‘in‘ operator to search for ‘fami‘报错
对应翻译:efeb:1906 TypeError:不能使用’in’操作符搜索’fami’原因就是在vue内部在解析form这个对象时,返回数据为空,不能得到绑定的数据类型,发现是接口返回的res.data是null是就会报这个错误,同时也不能输入任何数据。原创 2022-10-26 17:24:17 · 860 阅读 · 1 评论 -
vue+element-ui实现post方法携带参数上传头像
【代码】vue+element-ui实现post方法携带参数上传头像。原创 2022-10-18 19:08:48 · 1041 阅读 · 0 评论 -
前端向后端传Map结构
【代码】前端向后端传Map结构。原创 2022-10-18 17:25:12 · 1302 阅读 · 0 评论 -
菜go记录一下转换数据连接接口
vue2+element ui批量处理操作el-table表单多选操作原创 2022-10-13 18:19:13 · 81 阅读 · 0 评论 -
vue点击按钮实现表单动态增加或删除数据的操作
点击添加可追加行数点击删除可删除行数,直至清空原创 2022-10-13 17:55:12 · 6970 阅读 · 3 评论 -
vue获取后端文件流实现下载和导出Excel表格
1、文件后缀要写对 .xls或 .xlsx。2、根据后端返回的数据处理文件名称。原创 2022-09-29 09:10:11 · 1688 阅读 · 2 评论 -
使用date-picker出现报错vue.esm.js?efeb:628 [Vue warn]: Avoid mutating a prop directly since the value will
改变element-ui的版本,我当前使用的是:“element-ui”: “^2.3.2”1、报错截图发现是使用element-ui中date-picker日期选择器的原因。原创 2022-09-28 15:49:22 · 435 阅读 · 0 评论 -
vue+element表格的合计方法
将show-summary设置为true就会在表格尾部展示合计行。默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过sum-text配置),其余列会将本列所有数值进行求合操作,并显示出来。缺点是将所有列的数字信息都统计出来,包括你不需要的。使用summary-method并传入一个方法,返回一个数组,这个数组中的各项就会显示在合计行的各列中。原创 2022-09-27 14:07:25 · 1760 阅读 · 0 评论 -
vue+element表单设置动态表头及内容
注意:v-for写在非template上,添加:key没有任何问题,但是写在template上就不行了,加了就报错。利用prop属性绑定对应值,label绑定表头。【3】表头及表单内容对应不同的数组,实现方法。原创 2022-09-26 18:53:22 · 1575 阅读 · 2 评论 -
vue简单实现element面包屑
新建一个新的Breadcrumb.vue组件,进行面包屑的简单封装。原创 2022-09-21 09:20:59 · 633 阅读 · 0 评论 -
vue使用element实现Radio单选
1、样式:在弹出框中选择同意/拒绝 点击保存后提交到后台。5、显示编辑弹窗=》点击单选框=》保存=》刷新页面。原创 2022-09-21 09:01:33 · 2918 阅读 · 0 评论 -
使用element颜色选择器修改布局头部和导航栏颜色
使用element颜色选择器修改布局颜色。1、样式:首先将选择器放在布局头部。2、在仓库中监听bgcolor的改变原创 2022-09-16 12:01:17 · 1981 阅读 · 0 评论 -
vue2+element+导入Excel表格并携带参数
file-list="导入的文件列表"action="写后端导入接口地址":on-change="方法名称"(2)data中定义数组。原创 2022-09-13 10:03:25 · 1609 阅读 · 0 评论 -
了解Flowable工作流引擎概要(自)
了解Flowable工作流引擎概要(自)原创 2022-09-08 17:12:36 · 342 阅读 · 2 评论