Vue
文章平均质量分 50
Vue
_陈同学_
一颗搞Java的螺丝钉
展开
-
【VUE】利用Window对象属性写一个定时器,每隔几秒调用后台
需要每隔几秒调用后台获取最新的数据展示等,那么就可以利用定时器每隔几秒请求一次接口,这个定时器属于Window对象属性原创 2023-04-16 10:38:07 · 517 阅读 · 1 评论 -
【VUE】elementUI 表格点击单元格可编辑或选择
elementUI 表格点击单元格可编辑这个有个博主写的很好,这里直接贴链接:https://codeantenna.com/a/tlfRACjxfUelementUI 表格点击单元格可选择 <el-table-column prop="name" label="名称" align="center" width="200px" show-overflow-tooltip> <template slot-scope="scope">原创 2022-03-07 15:49:45 · 3999 阅读 · 3 评论 -
【Bug解决】VUE前端打包报错:TypeError: Class extends value undefined is not a constructor or null
问题VUE前端打包报错:TypeError: Class extends value undefined is not a constructor or null在执行npm run build的时候遇到了错误:TypeError: Class extends value undefined is not a constructor or null;而执行npm run serve是可以正常执行的,报错如下:uilding for production... ERROR TypeError: Cla原创 2022-02-14 10:33:27 · 5501 阅读 · 1 评论 -
【VUE】element-ui表格 实现滚动到底部加载更多数据
<template><!-- 滚动加载 --> <div class="wrap"> <el-table height="800" :data="visibleData" style="width: 100%" v-load-more.expand="{func: loadmore, target: '.el-table__body-wrapper', delay: 300}" :load-more-disab原创 2021-12-15 17:01:36 · 6508 阅读 · 0 评论 -
【Bug解决】使用element的e-date-picker遇到的坑:更新日期选择器数据无法回显
问题场景页面初始化根据不同来源(例如来源其他页面跳转过来或者直接点击该页面),日期时间范围不同初始化赋值回显没问题,但是根据不同条件,重新给这个日期选择器赋值的时候,发现有数据,但是前端页面并不展示值。对于一个后端工程师而言,这个点真让人emo解决方式只需要在赋值的时候使用this.$set(原数组, 索引值, 需要赋的值)即可this.$set(this.beginAndEndTime , 0 , '2021-12-01');this.$set(this.beginAndEndTime ,原创 2021-12-13 14:42:17 · 2215 阅读 · 0 评论 -
【VUE】(三)VUE+ElementUI+mock模拟数据做增删改查Demo(附源码)
用Vue+elmentUI+mock模拟数据实现简单的增删改查主页面如下图所示首先是查询功能: 同时也包括分页的功能,这里为了看得清楚,我是将每页固定显示5条查看某条信息的详情(这里没有做修改,但实际上修改就是查看和添加的结合,具体可以再变通吧)然后就是删除功能:最后是添加功能: 添加功能,每一步操作都是一个卡片,是在按钮上设置显示还是隐藏,达到如下动图效果里面有一些问题是,mock模拟数据做查询的时候,我没有做模糊查询,添加一条新的记录它的id是当前列表长度+1,这样其实会有一个问题原创 2020-10-06 21:22:40 · 2802 阅读 · 1 评论 -
【VUE学习】(二)用VUE自带的项目管理器创建VUE项目
用命令行创建项目是不是觉得很鸡肋?没关系VUE早就为方便管理做好了这件事情:我们可以用vue自带项目管理器创建和管理项目前提:你已经按照好了node.js,npm等没有安装请看第一篇:VUE学习【1】——IDEA:Vue的安装和使用(详细过程)第一步:启动Vue项目管理器打开cmd输入:vue ui如果你输入vue ui 木有反应,可以看我的这篇博客:https://blog.csdn.net/Dan1374219106/article/details/108669629第二步:创建原创 2020-09-18 18:07:32 · 4194 阅读 · 0 评论 -
【VUE学习】(一)IDEA:Vue的安装和使用(详细过程)
欢迎关注我的微信公众号:松鼠技术站换了新电脑啥都没有,不过也好,借这个机会把以前没整理的东西都可以整理一下我想,像我一样刚接触VUE的后端小白一定会很疑惑:我是想用vue的前端框架,为啥一百度都是安装node.js还有什么npm其实你不妨可以理解成要运行java代码必须安装jdk一样,那么node.js就是vue的JavaScript的运行环境,然后再用nodejs里面的npm(包管理和分发工具)来安装依赖包那么下面我们就开始安装文章目录一、安装node.js二、打开IDEA准备创建项目三、新.原创 2020-09-09 22:06:23 · 8182 阅读 · 7 评论