问题描述：使用vue动态路由（“/route/:id” 形式） 传参的时候，修改页面参数，但是视图仍旧是之前的内容，没有进行刷新，示例如下：原因分析：具体原因在vue官方文档：响应路由参数的变化一节...

前言相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。1.如何切换使用动态组件,相信大家都能...

作为vue的初用者，你可能会像我一样遇到一个问题，对跳转组件是，我们想通过参数不同，调用不同的方法。例如：app.vue <ul> <li class="navList" v-for="index in goods" :key=...

判断项目是否启用keep-alive启用使用exclude排除组件(我没有成功不知道为什么)<keep-alive exclude="needExcludeComponentName"> <router-view></router-view></keep-alive...

$emit(update: prop, "newPropVulue") 这个模式，使子组件向父组件传达：更新属性，并抛出新的属性值
.sync 修饰符 是父组件中修改prop值得修饰符一：什么地方需要用到.sync修饰符...

移动端通常对于input标签要求输入有一些校验，vue的指令可达到完美校验的作用
预期效果
<input v-model="times" :data-last_value="lastTimes" v-int v-max="8" v-min="2" />...

项目背景在主文件index.vue中初始化页面相关的操作，在mounted中放置用户权限判断并更新store中的权限值，当点击相应组件时mounted可正常工作，但是在用户手动刷新时mounted内的...

如下所示：data: { certificates: null},mounted: function () { var __this = this; __this.certificates = getDictForkey("学历");}使用this对data中变量进行调用vue生...

通过watch将orderDetailsData对象赋值给data中的consignee对象，这样能将操作能避免v-model修改时，直接改动vuex中的值。<template> <input type="text" placeholder="请输入收...

本文实例为大家分享了js+html实现点名系统功能的具体代码，供大家参考，具体内容如下前言：实现一个简单的点名系统需求分析：1、两个按钮实现随机点名的开始和结束(onclick()方法)...

这是因为在vue.js 里面的ajax.js文件内对数据进行了深度解析了，我们只需要let axios = Axios.create({ baseURL: 'http://127.0.0.1:8761/', headers: {'X-Requested-With'...

我需要在搜索页拿到结果之后跳转到搜索结果页并携带搜索结果尝试过几种方法之后最终采用vuex+sessionStorage结合的方法在mutations中setResultValue(state,flag){ sessionS...

简介：首先我们介绍一下本文的关键点：抽象语法树，它是以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。通过操作这棵树，可以精确的定位到声明、赋值...

Node能够以一种相对程度的的姿态出现，离不开CommonJS规范的影响。Node借鉴CommonJS的Modules规范实现了一套非常易用的模块系统，NPM对packages规范的完好支持使得Node应用在开...

因为实验室每周需要三人来做报告，所以用JS来做一个随机抽取的页面。首先，先说一下需求。研二同学共5人，一人是单独的一组，研一同学共9人，同时九人分为三组。所以共八组，每周报告的...

1.main.js/* 页面数据缓存 */var _CACHE_OBJS = {}; function _init_cache(comp, key, cache) { var obj = cache[key]; if (obj !== undefined) { comp[key] = obj; } var...

异常描述：支付宝中内嵌h5项目（vue框架开发），前端重新打包上传之后访问页面会导致页面空白、页面tab点击异常之类异常情况，需要手动清除支付宝缓存才可以正常访问。解决方案：在HTTP...

本文实例讲述了Nodejs技巧之Exceljs表格操作用法。分享给大家供大家参考，具体如下：工作中我们可能会遇到制作表格的需求，那么针对nodejs如何制作一个汇总表格呢？今天我们就在此...

如果是用vue做的单页面程序的时候，将监听的方法放在App.vue是最灵活的<template> <div id="main" class="app-main"> <router-view></router-view> </div></template> <...

如下所示：history.pushState(null, null, document.URL); window.addEventListener(‘popstate', function() { history.pushState(null, null, document.URL); });vue阻止浏...

解决方案;　picker和Select组件是通过input标签绑定，可以先通过input的父级元素移除input标签，重新插入input标签，最后重新初始化picker或Select组件。<div class="weui-cell">...

项目推荐想要快速的了解 electron， 调试 electron， 打包 electron， 推荐项目electron-webpack-quick-start快速开始先安装 cross-env，用于设置环境变量。因为在后面安装electron...

第一次打包vue的项目部署到服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文...

本文实例讲述了node读写Excel操作。分享给大家供大家参考，具体如下：目支持写Excel的node.js模块： node-xlsx: 基于Node.js解析excel文件数据及生成excel文件； excel-parser:...

webpack支持的模块规范有 AMD 、CommonJS、ES2015 import 等规范。不管何种规范大致可以分为同步加载和异步加载两种情况。本文将介绍webpack是如何实现模块管理和加载。同...

场景重现：在项目中使用了keep-alive来缓存组件，且使用element中的table列表，但在项目中是对table进行了二次封装，跟页码合在了一起。按照网上的直接对scrollTop赋值，赋值失败了，还...

前言首先，因为我有一个需求就是vue组件中有一组多选框，选中多选框的内容，要在另一个组件中进行视图更新，这个就设计的兄弟组件之间的通信了，兄弟组件之前通信我首先选用的vuex这...

业务上出现一个问题：如果连续对同一个接口发出请求，参数不同，有时候先请求的比后请求的返回数据慢，导致数据顺序混乱，或者数据被覆盖的问题，所以需要控制请求的顺序。解决方法:1....

vue的计算属性计算属性可以帮助我们简化代码，做到实时更新，不用再自己添加function去修改data。首先看一下计算属性的基本写法(摘自官网)var vm = new Vue({ el: '#demo', dat...

本文实例讲述了node省市区三级数据性能测评。分享给大家供大家参考，具体如下：闲来无事，测试下node和egg首先是数据库，大概长这样然后是代码'use strict';const Controller = req...

组件内取值 computed: { value() { return this.$store.state.userData.xxx; } },组件内存值methods: { fn() { this.$store.commit('setValue',xxx)...

看到这个标题好像很简单，onblur、onchange事件都能做到，但是用户体验感貌似很差。查了下百度查不到资料了。看了下vue的基础，发现 vue 有个 watch 监听器好吧，从这里入手 用v-mo...

本文实例讲述了Windows上node.js的多版本管理工具用法。分享给大家供大家参考，具体如下：在Linux上我一直使用nvm来管理nodejs的不同版本，但是nvm没有windows版本，今天发现在wind...

actions异步修改状态与mutations同步修改状态是两个容易混淆的概念，因为两者在执行上，很难测试出两者的差别，而我们要区别它们两，首先你得区分同步与异步，我的理解是，同步更像是一...

我们在写vue项目中如果，我们发现vuex中<button @click="$store.commit('jia')">-</button>是十分麻烦的，我们想直接写成@click中的jia，我们应该如何处理？我们可以想一想我们在解...

本文实例讲述了node解析修改nginx配置文件操作。分享给大家供大家参考，具体如下：主要是通过nginx-conf这个工具。git地址：https://github.com/tmont/nginx-conf具体用法：npm ins...

getter这个概念其实我们写的时候感觉好像和Mutations修改状态一样，实际上它们是有区别的：getters比较死板，如果你的百度钱包只有在金额为100才能提现，那么你在写提现页面，它是早...

html<input type='text' :value='num'><button @click='add'> + </botton>jsdata(){ return{ }},methods:{ add(){ this.$store.commit('add',1) }},computed:{ num:fu...

这篇文章主要介绍了微信小程序页面间传递数组对象方法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下方法1：A页面跳...

这篇文章主要介绍了微信小程序页面渲染实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下条件渲染：wx:if, wx:elif...

最近在做项目的时候遇见一个问题，computed修改data数据的时候会报错。报错的大概意思是，不可以修改data数据的属性值。查了一些答案，最终解决办法是需要用到set和get。看代码：da...

嵌套对象的校验
项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。在一些前端可以自行校验的情况下，先通过前端校...

最近用python写了个小说程序的api，想着用 vue 做个系统管理数据，脑子里出现的是这个画面： 但是这种样式的管理后台已经做了太多了，已经审美疲劳，后面又想了一种类操作系统的UI界...

这篇文章主要介绍了微信小程序网络请求实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下配置服务器域名：每个...

一：表单一级验证element中from组件内表单验证通过使用el-form标签，绑定model和rules属性进行表单验证<el-form ref="form" :model="form" :rules="rules" label-width="110px"...

功能描述双击表格一行实现表格编辑，点击空白处实现保存。表格可编辑相关文章在可编辑表格实现思路当表格在编辑状态的时候在页面进行click监听，判断点击区域是否为编辑区域，如...

如下所示：我把它写成了组件主要代码是document.getElementById(this.FullScreenId).scrollTop = document.getElementById(this.FullScreenId).scrollHeight我这边把div满屏...

这篇文章主要介绍了微信小程序 下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.下拉刷新...

在微信中搜索的时候， 我们通常使用keycode=13来判断客户是否点击了确定。在安卓上，唤醒搜索框为确认键没问题，而ios就不敢苟同了，ios显示为换行，对于客户使用体验非常不好。解决...

1、首先注意，input的type="serch"<input @keypress="searchGoods" type="serch" placeholder="搜索商品">2、监听keypress事件（1）KeyDown、KeyUp 事件这些事件是当一个对象具有...