Vue
爱机车的程序猿
除了写代码别的都很自律
展开
-
VUE 使用el-date-picker 查找时间范围以内的数据
前后端实现一、前端使用el-date-picker如何请求后台二、成功展示一、前端使用el-date-picker如何请求后台 <el-form-item label="日期"> <el-date-picker v-model="Times" type="datetimerange" range-separator="至" start-placeholder="开始日期"原创 2021-04-30 14:59:13 · 3619 阅读 · 5 评论 -
Vue使用v-for渲染数据Bug
各种百度搜啊搜一直没有解决---脑袋一想一试就解决一、问题:获取出数据使用v-for循环渲染时就是页面无法出现值二、如何解决(超简单,就是没有初始化)一、问题:获取出数据使用v-for循环渲染时就是页面无法出现值以下图:页面动态渲染数据以下图:获取数据方法以及赋值以下图:页面就是刷新不出值二、如何解决(超简单,就是没有初始化)因为数据是动态的,没有初始化[ ]里面数据一直不会改变以下图:来了来了--开心老铁们...原创 2021-03-11 10:35:52 · 805 阅读 · 0 评论 -
Vue时间过滤器(转换时间类型)
创建一个过滤器能造福很多从后台传过来的时间值1.在项目中创建一个Date.js包2.如何在页面.vue中引用3.把数据值转换为想要的格式:4.属性介绍(了解):1.在项目中创建一个Date.js包Date.js源码: //给Date类添加了一个新的实例方法format Date.prototype.format = function (fmt) { //debugger; let o = { "M+": this.getMonth() + 1,原创 2020-06-02 16:07:07 · 5705 阅读 · 2 评论 -
element-ui日期时间选择器获取值(一行代码解决)
先看时间搓是什么类型:在实体类写一个方法重载(方法名相同参数不同):然后打印一下获取到需要的时间值:一行代码得到强大的element-ui日期时间选择器的值原创 2020-05-29 20:14:00 · 4653 阅读 · 3 评论 -
Vue el-table-column prop赋值不显示数据(hibernate hql语句连表查询的坑)
通过Axios从后台已经得到数据集合就是给el-tab标签赋值不上页面得到两条数据但是Value值不显示解决方案(需要在查询出结果时给定查出的数据,查询全部会出现两个表的数据会得到两个集合):...原创 2020-05-29 10:34:37 · 4484 阅读 · 3 评论 -
后台有Session那么前端也有Vuex(用来存储ID,用户名)
Vue中简介与安装步骤及使用1.什么是Vue中的vuex:2.Vuex分成五个部分: (了解就好)3. vuex使用步骤4. vuex的核心概念:store、state、getters、mutations、actions5. vuex综合案例6. actions7. Vuex的常用辅助函数8. Vuex的管理员Module9. Vue.JS项目中5个经典Vuex插件1.什么是Vue中的vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。可以想象为一个“前端数据库”(数据仓库),让原创 2020-05-16 18:37:14 · 1035 阅读 · 0 评论 -
Vue初次安裝vuex出现的报错
Vue中下载vuex实例化失败无法下载:翻译:npm犯错!文件E: \ test1 \ package.jsonnpm犯错!代码EJSONPARSEnpm犯错!JSON。解析json失败npm犯错!JSON。解析意外令牌/在JSON中308的位置,而解析靠近’…npm犯错!JSON。解析“依赖性”:{/ /生产npm犯错!JSON。解析“axios”:“^……”npm犯错!JSON。解析包失败。json数据。npm犯错!JSON。解析包。json必须是实际的json,而不仅仅是JavaSc原创 2020-05-16 15:04:14 · 2807 阅读 · 0 评论 -
SSH2(后台管理页面+Vue+Element-UI+动态树+分页+正则表达)
后台搭建-前端展示1:加入maven項目1.1创建如图中的工作流程包+配置文件1.2导入Spring容器框架(业务逻辑处理)2.Base(接口工具类):3.SYS模块包:**Util工具类源码****Model实体类****Mapping包**Dao层ServiceBas項目包:4.前端Vue+Element-UI源代码:1:加入maven項目1.1创建如图中的工作流程包+配置文件1.2导入Spring容器框架(业务逻辑处理)pom.xml----》动态下载Spring+Struts2所需要的依原创 2020-05-15 21:34:12 · 18334 阅读 · 0 评论 -
Vue基本指令
模板语法1 插值2. 过滤器3. 计算属性4. 监听属性##demo1.hrml1 插值1.1 文本{{msg}}1.1.1 html使用v-html指令用于输出html代码v-text1.1.2 属性HTML属性中的值应使用v-bind指令1.1.3 表达式Vue提供了完全的JavaScript表达式支持{{str.substr(0,6).toUpperCase()}}...原创 2020-05-02 22:59:05 · 172 阅读 · 0 评论 -
npm(Node.js搭建配置环境,常见的问题)
npm1. Node.js是什么1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。1.2 Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言2. npm是什么3. Node.js环境搭...原创 2020-05-02 22:57:53 · 1045 阅读 · 0 评论