121浏览

0评论

element的el-table中记录滚动条位置的示例代码

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

• 2020-05-27

196浏览

0评论

vuex state中的数组变化监听实例

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

• 2020-05-27

618浏览

0评论

详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题

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

• 2020-05-27

296浏览

0评论

vue计算属性无法监听到数组内部变化的解决方案

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

• 2020-05-27

100浏览

0评论

node省市区三级数据性能测评实例分析

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

• 2020-05-27

143浏览

0评论

vuex存值与取值的实例

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

• 2020-05-27

251浏览

0评论

vue限制输入框只能输入8位整数和2位小数的代码

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

• 2020-05-27

95浏览

0评论

Windows上node.js的多版本管理工具用法实例分析

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

• 2020-05-27

137浏览

0评论

vuex actions异步修改状态的实例详解

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

• 2020-05-27

73浏览

0评论

vuex实现像调用模板方法一样调用Mutations方法

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

• 2020-05-27

167浏览

0评论

node解析修改nginx配置文件操作实例分析

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

• 2020-05-27

114浏览

0评论

对vuex中getters计算过滤操作详解

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

• 2020-05-27

273浏览

0评论

vue 获取及修改store.js里的公共变量实例

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

• 2020-05-27

127浏览

0评论

微信小程序页面间传递数组对象方法解析

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

• 2020-05-27

409浏览

0评论

微信小程序页面渲染实现方法

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

• 2020-05-27

819浏览

0评论

vue 解决computed修改data数据的问题

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

• 2020-05-27

134浏览

0评论

vue elementUI 表单校验的实现代码（多层嵌套）

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

• 2020-05-27

157浏览

0评论

vue 自定义右键样式的实例代码

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

• 2020-05-27

120浏览

0评论

微信小程序网络请求实现过程解析

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

• 2020-05-27

149浏览

0评论

vue  elementUI 表单嵌套验证的实例代码

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

• 2020-05-27

216浏览

0评论

vue点击页面空白处实现保存功能

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

• 2020-05-27

164浏览

0评论

vue 解决文本框被键盘遮住的问题

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

• 2020-05-27

120浏览

0评论

微信小程序 下拉刷新及上拉加载原理解析

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

• 2020-05-27

108浏览

0评论

微信内置开发 iOS修改键盘换行为搜索的解决方案

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

• 2020-05-27

133浏览

0评论

vue 实现移动端键盘搜索事件监听

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

• 2020-05-27

239浏览

0评论

vue 解决移动端弹出键盘导致页面fixed布局错乱的问题

话不多说，直接上问题图片这里确认按钮是fixed布局 bottom:0 弹出键盘之后按钮被顶到了键盘上面网上搜到的解决方案有两种，一种是监听页面高度（我采用的这种）一种是监听软键盘事...

• 2020-05-27

105浏览

0评论

JavaScript如何借用构造函数继承

这篇文章主要介绍了JavaScript如何借用构造函数继承,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下借用构造函数继承是...

• 2020-05-27

456浏览

0评论

解决vue 表格table列求和的问题

最近在给朋友做一个项目，因为是B端，所以少不了表格。本身就用了element-ui，但是订单管理有个需求使用element-ui table组件实现不了，只能退而求其之用了原生的table，功能是几乎满...

• 2020-05-27

109浏览

0评论

vue点击自增和求和的实例代码

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ref</title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id=...

• 2020-05-27

88浏览

0评论

JavaScript原型式继承实现方法

这篇文章主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在2006年，有个叫道格拉...

• 2020-05-27

246浏览

0评论

vue 实现购物车总价计算

效果如下所示：js<script type="text/javascript"> window.οnlοad=function () { var vm = new Vue({ el:'#huo', data:{ myList:[ { number:0, pric...

• 2020-05-27

108浏览

0评论

Vue中错误图片的处理的实现代码

在一个Vue的PC项目中，要求给错误图片不要让它显示丑陋的图片，就要给图片写一个失败后的默认图片，在这里写了两种方法，第一种方法，也就是百度到的最多的代码，就是给一张图片一个默...

• 2020-05-27

76浏览

0评论

JS实现随机抽选获奖者

本文实例为大家分享了JS实现随机抽选获奖者的具体代码，供大家参考，具体内容如下<!--2018年9月12日——————幸运抽奖--><!DOCTYPE html><html><head> <title></title> <sty...

• 2020-05-27

72浏览

0评论

vue中 数字相加为字串转化为数值的例子

month传入为3时，下面代码输出为31if(data1.attr === 'last_month') { if(month === 1) { year = year - 1 } else { month = this.trans_Date(month - 1) }} else if(data1.a...

• 2020-05-27

1129浏览

0评论

vue 实现强制类型转换 数字类型转为字符串

我是从页面直接拿的ID过来的，类型是数字类型 后端需要的是字符串类型只需要在后面加上 + ‘ ' ，传一个空字符串就可以了以上这篇vue 实现强制类型转换 数字类型转为字符串就是...

• 2020-05-27

109浏览

0评论

ZK中使用JS读取客户端txt文件内容问题

最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还...

• 2020-05-27

143浏览

0评论

详解Angular cli配置过程记录

1.首先调出命令行工具，运行命令全局安装Angular -cli
npm i -g @angular/cli安装过程中我的命令行工具内出现了警告和报错信息，我没有管它，因为我在后续使用中并没有遇到什么麻...

• 2020-05-27

164浏览

0评论

js实现数字从零慢慢增加到指定数字示例

最近的学习项目中需要一个数字从0慢慢增加到指定数字，然后想了好久才做出来。一开始是想用循环做，循环里面用delay(),但是发现不太好用（可能是我不会用），然后想用循环里面套setTi...

• 2020-05-27

130浏览

0评论

jsonp格式前端发送和后台接受写法的代码详解

什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下...

• 2020-05-27

253浏览

0评论

vue v-for直接循环数字实例

vue v-for直接循环数字，也就是固定次数项目中需要做一个酒店星级，酒店星级就是固定的5星，根据后台返回的数据来显示几星级 <!--星级，循环固定次数 5次 根据酒店等级显示亮的星星...

• 2020-05-27

130浏览

0评论

vue element-ui el-date-picker限制选择时间为当天之前的代码

vue element-ui el-date-picker限制选择时间为当天之前的代码<el-date-picker v-model="firstdate" :picker-options="pickerOptions0" type="daterange" range-separator="...

• 2020-05-27

138浏览

0评论

vue改变循环遍历后的数据实例

废话不多说了，直接上代码吧！<dd class="clearfix" v-for="(item,index) in tableDataList" :class="index%2 != 0 &#63; 'dd-bg' : ''"> <div class="indexItem indexItem3 t...

• 2020-05-27

290浏览

0评论

vue 实现v-for循环回来的数据动态绑定id

如下所示：代码效果图!!!!!<ul><li v-for="(site,index) in sites" :key="index" :id="forId(index)"> <span class="channel-li-li-border"> <span class="firstLevel">{{sit...

• 2020-05-27

129浏览

0评论

Vue2.X和Vue3.0数据响应原理变化的区别

defineProperty 定义对象的属性，只不过属性里的get和set实现了响应式。常用： value属性值 get set writeable 是否可写 enumrable 可遍历Vue从改变一个数据到发生改变的...

• 2020-05-27

107浏览

0评论

浅谈v-for 和 v-if 并用时筛选条件方法

如下所示：<ul id="ul"><li v-for="todo in todos" v-if="todo<4"> {{ todo }}</li> </ul> <script> varvm=new Vue({el:"#ul",data:{ todos: [ 1, 2, 3, 4, 5 ]}}) </script...

• 2020-05-27

138浏览

0评论

vue遍历对象中的数组取值示例

前几天小项目，没考虑周全，让后端改接口，改成数组中包含对象中包含数组的形式，后来越琢磨越不对，后台把所有数据放在了一个对象里，我拿弹窗数据不好拿，索性又改了回来，把后端折腾够呛...

• 2020-05-27

318浏览

0评论

vue 解决遍历对象显示的顺序不对问题

一、情况说明：在wacth里面生成了一个日期字符串的的数组（如下图1），如果遍历这个数组生成一个以日期为key的Object，但是数组里面的元素顺序和Object的属性的顺序是不一样的，并且在v...

• 2020-05-27

355浏览

0评论

vue.js循环radio的实例

最近在做一个组件联动的，需要循环展示el-radio，花了很多时间现在记录一下，也给遇到类似问题的小伙伴一个参考 <el-radio-group v-model="radioArray[item.name]" @change="hand...

• 2020-05-27

177浏览

0评论

使用JS监听键盘按下事件（keydown event）

1、监听全局键盘按下事件，例如监听全局回车事件$(document).keydown(function(event){ if(event.keyCode == 13){ alert('你按下了Enter'); }}); 2、监听某个组件键盘按下...

• 2020-05-27

254浏览

0评论

vue获取data数据改变前后的值方法

场景：购物车增加商品数量同时更新bridge标志上的总商品个数，如果只是加上当前变化后的数量的话则之前原有的数量会被重新添加一遍造成计算错误。因此要减去变化前的数量才能得...

• 2020-05-27