(一)关于computed修改data里变量的值 问题:computed里是不能直接修改data里变量的值,否则在git commit 时会报错 解决:在computed里使用get和set来进行获取和修改data变量,(参考下图) ​ (二)computed里监听数组的变化 问题:computed里返回一个数组,但是在进行交换数组里两个元素的位置不能触发computed的更新(视图不能更新) 解决:使用this.$set修改数组的值 this.$set(arr,index,val),arr是指

 1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会. 解决方案: 监听路由变化 watch : { "$route" (to, from) { if(to.path.indexOf('/home') > -1) { this.initData() } } } 2.setInterval路由跳转继续运行并没有及时进行销毁 比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁

(转自)https://www.cnblogs.com/zifayin/p/8312677.html 1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会. 解决方案: 监听路由变化 watch : { "$route" (to, from) { if(to.path.indexOf('/home') > -1) { this.initData() } } } 2.setInterval路由跳转继续

1.使用elment或者mintUI库时,需要全局引入ui库的css文件:然后在修改自己样式时,需要将自己的css文件引入到main.js中才会生效,全局引用2.使用v-html展示dom字符串时,相应的css文件中的样式是不会生效的,需要使用组件展示dom 3.axios使用,是需要一个qs的node模块,然后请求的数据格式是表单格式的,需要设置header的Content-Type格式 import Vue from 'vue' import axios from 'axios' impor

一.路由 这两天移动端的同事在研究vue,跟我说看着我的项目做的,子路由访问的时候是空白的,我第一反应是,不会模块没加载进来吧,还是....此处省略一千字... 废话不多说上代码 路由代码 { path: '/list', name: '列表', component: Layout, meta: {title: '列表', icon: 'service'}, redirect: '/orderManger', children: [{ path: '', name: '主列表', compone

如果在一个组件中使用了定时器,当通过路由切换页面的时候 1.如果有同一个组件,定时器会叠加. 解决方案: computed:{ timer: { set (val) { this.$store.state.timeout = val; }, get() { return this.$store.state.timeout; } }, }, mounted(){ if ( this.timer ) { clearInterval(this.timer); } //定时发请求 var self=th

初始化WebSocket initWebSocket(){ //初始化weosocket const wsuri = 'ws://10.100.45.8:8888/websocket';//ws地址 this.websock = new WebSocket(wsuri); this.websock.onopen = this.websocketonopen; this.websock.onerror = this.websocketonerror; this.websock.onmessage

项目开发中,前端在配置后端api域名时很困扰,常常出现:本地开发环境: api-dev.demo.com测试环境: api-test.demo.com线上生产环境: api.demo.com, 这次是在Vue.js项目中打包,教大家个方法: 使用 npm run build -- xxx   ,根据传递参数xxx来判定不同的环境,给出不同的域名配置. 1.项目中/config/dev.env.js修改: 新增:HOST: '"dev"' 'use strict' const merge

在项目开发中经常会遇到 组件之间传参的问题.今天总结下在使用angular的项目中父子组件传参的问题: 1.父组件向子组件传参: 然后在父组件中 然后在父组件的html中 然后就可以在子组件中使用了 我这里是用来做判断的:当然也可以传别的参数: 2.子组件向父组件传值 这里需要用到类似于VUE里面的自定义事件一样 先在子组件里面引入需要的 包 可以我在父组件中定义了一个变量来接受它:这样就可以使用了: 然后就成功传给父组件了: 今天先到这里:

Vue项目开发相关问题总结 一.创建一个项目(两种方式) 1.通过CLI命令行创建,具体步骤如下: (1)Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+). (2)下载vue命令行工具-----------$ npm install -g @vue/cli 检查版本-----$ vue -V 3.0以上都可以 (3)创建项目开始(网上有很多创建步骤,每个人有不同的问题,我也不喜欢这种创建方式,更加适用第二种) 2.通过图形化界面创建项目 (1

Vue项目开发最新.最全代码规范文档 2019年02月21日 10:43:49 yw00yw 阅读数 337   一. 目录结构 |— build 构建脚本目录 |— build.js 生产环境构建(编译打包)脚本 |— check-versions.js 版本验证工具 |— utils.js 构建相关工具方法(主要用来处理css类文件的loader) |— vue-loader.conf.js 处理vue中的样式 |— webpack.base.conf.js webpack基础配置 |— w

目录 Vue 项目开发 项目目录结构解析 入口文件 main.js (项目入口) 根组件 app.vue index.html 文件入口 router 路由 components 子组件 项目初始化 Vue 项目开发 环境搭建 python:c语言编写,解释执行python语言的 node:c++语言编写,解释执行JavaScript语言的 npm类似于pip,是为node环境安装额外功能的 1 官网下载并安装node,附带npm https://nodejs.org/zh-cn/ 2 换源:将

团队项目开发中,常见的版本控制有svn,git

项目开发中的一些注意事项以及技巧总结   1.jquery采用ajax向后端请求时,MVC框架并不能返回View的数据,也就是一般我们使用View().PartialView()等,只能返回json以及content等,但是一般我们在开发的时候也是使用json返回的,此时如果需要渲染界面或者是加载局部视图,我们可以在ajax的success的事件中使用$.html()来渲染后台给前端传的View()数据.一开始我遇到这个问题的时候还很纳闷,为什么ajax给后端穿了POST之后,不能加载局部页面,

标题:Maven在Java项目开发中的应用 一.基本信息 时间:2019 来源:山西农业大学 关键词:Maven:Java Web:仓库:开发人员:极限编程; 二.研究内容 1.Maven 基本原理概述 Maven 是 Apache 组织中特别成功的重要开源项目,它最突出的特点是,作为一款优秀的项目构建和管理工具,它把原本需要开发人员操作的繁杂的工作转变成了简单的命令.通过它,可以实现构建工作自动化,完成项目的清理.编译.打包.发送报告和部署等工作,简化构建过程,还可以避免造成构建重复. 2.M

1.在vue的开发中,如果使用了vuex,数据的组装,修改时在mutations中,页面是建议修改变量值的,如果强制修改,控制台就会出现错误.如下: 这种错误虽然不会影响结果,但是是vuex不提倡的方式,因此,如果想要使其不出现这种错误,可以切断vuex变量与页面变量直接的关联,最简单的方式就是: let a = JSON.parse(JSON.stringify(b)); 当然还有一种正规的方式就是在mutations中修改变量值,也就是写一个mutations方法即可

软件开发是很分裂的,只有不断使用原则和规律,才能带来质量. 只要不是玩具性质的项目,项目应该可以大概划分为0-1,1-10,10-100,100-1000四个种重要阶段.其中,0-1是原型验证性的:1-10是Demo展示性的:而10-100是项目的最小功能集,可以让产品初步达到可以第一次发布的阶段:最后100-1000则需要对项目做持续的迭代,完善项目的完整功能,达成完整发布. 项目立项的时候,可以为一个项目做出原型(ProtoType).项目原型是内部用的,使用的开发工具也可以是内部的.原型的

原文地址: https://www.zhuyilong.fun/tech/the-blog-git.html 示例远程仓库地址: https://github.com/zhu-longge/gitWork.git 克隆远程库到本地 $ git clone https://github.com/zhu-longge/gitWork.git 本地项目关联远程库 创建新仓库并关联远程 $ git init #创建git仓库 $ git add . #添加项目内容到暂存区 $ git commit -m

只要你对 MyBatis 有所认识和了解,想必知道 MyBatis 有两种 SQL 语句映射模式,一种是基于注解,一种是基于XML. 基于 XML <mapper namespace="mapper.UserMapper"> <!--结果集映射(ORM)--> <resultMap id="userResultMap" type="entity.UserEntity"> <!-- propery表示Use

前言   Java项目开发中经常要用到分页功能,现在普遍使用SpringBoot进行快速开发,而数据层主要整合SpringDataJPA和MyBatis两种框架,这两种框架都提供了相应的分页工具,使用方式也很简单,可本人在工作中除此以外还用到第三种更方便灵活的分页方式,在这里一同分享给大家. 使用 主要分为SpringDataJPA分页.MyBatis分页.Hutools工具类分页几个部分 1.SpringDataJPA分页 1).引入依赖 <dependency> <groupId&g

一.业务场景 工作多年,在真实的项目开发中经常会遇到将一个项目拆分成多个工程的情况,比如将一个真实的项目拆分成controller层,service层, dao层,common公共服务层等等.这样拆分比较有利于分清各自所属层需要做的事情,也非常便于管理个层次之间的代码,职责比较清晰.各 个层次之间也会相互依赖,比如controller层需要依赖common层,则直接引入:service层需要引入common层也直接引入:dao层也是同理. 这种处理方式也没什么问题,整个项目依然能够顺利的跑起来,