Vue.js点击切换按钮改变内容的实例讲解
代码实例： 代码描述：点击切换按钮，来改变显示的内容，切换不同的单位。flag相当于一个开关，控制开关的改变，来切换不同的单位。同样适用于其他的切换内容实例，也可设置按钮点击显示...
2020-05-27
Vue 菜单栏点击切换单个class(高亮)的方法
步骤：遍历对象（goods）获取菜单栏每一项的对象（item）和下标（index）添加点击事件toggle()，传入下标参数：@click="fn1();fn2()"动态切换classname：:class="{'active':index ==checkindex...
2020-05-27
使用JS实现导航切换时高亮显示的示例讲解
index.html代码内容<!DOCTYPE html><html><head><meta charset="utf-8"> <title>导航高亮显示</title> <style type="text/css"> body{ font-size:20px; } .nav{ lis...
2020-05-27
jQuery实现鼠标移到某个对象时弹出显示层功能
本文实例讲述了jQuery实现鼠标移到某个对象时弹出显示层功能。分享给大家供大家参考，具体如下：/*** 鼠标移上去显示层* @param divId 显示的层ID* @returns*/$.fn.myHoverTip...
2020-05-27
JavaScript实用代码小技巧
在上次的 “Chrome DevTools 你可能不知道的小技巧” 文中，得到很多开发朋友的反馈确实不知道这些小技巧。今天，我们来聊一聊在 EcmaScript5/6+ 中的一些小技巧，欢迎评论区讨论...
2020-05-27
JS实现的简单分页功能示例
本文实例讲述了JS实现的简单分页功能。分享给大家供大家参考，具体如下：HTML部分：<body onLoad="goPage(1,10);"> <table id="idData" width="70%"> <tr><td>user2</td><td>...
2020-05-27
Angular angular-file-upload文件上传的示例代码
问题描述附件上传检定结果以附件形式上传。这里先不考虑api。实现的任务就是，点击选择文件，选择之后可以清楚掉该文件。插件介绍用到了项目映入过的一个插件，angular-file-uplo...
2020-05-27
angular2 ng2-file-upload上传示例代码
Angular2中有两个比较好用的上传文件的第三方库，一个是ng2-file-upload，一个是ng2-uploader。ng2-uploader是一个轻便的上传文件的支持库，功能较弱，而ng2-file-upload是一个功能...
2020-05-27
从零开始学习搭建React脚手架项目
写在前面
准备学习一下react和webpack相关的东西，官方的脚手架看起来太繁琐，所以打算自己来搭建一个，参考了这个文档从零搭建React全家桶框架教程;步骤上都差不多
react和vue,...
2020-05-27
vue项目中使用lib-flexible解决移动端适配的问题解决
第一部分：项目中引入lib-flexible一、项目中安装lib-flexible$ npm install lib-flexible --save二、在项目的入口js文件中引入lib-flexibleimport 'lib-flexible'通过要以上...
2020-05-27
React key值的作用和使用详解
在react项目中总会遇到这样一个的坑
这是警告数组遍历子元素要有一个唯一的key值，但是key到底是什么，在代码中到底起了什么作用？key概述react中的key属性，它是一个特殊的属性，它...
2020-05-27
JS使用Date对象实时显示当前系统时间简单示例
本文实例讲述了JS使用Date对象实时显示当前系统时间的方法。分享给大家供大家参考，具体如下：JS中包含Date对象，其提供了一些方法获取系统日期，直接上代码：<!DOCTYPE html><html>...
2020-05-27
详解如何配置vue-cli3.0的vue.config.js
本文介绍了如何配置vue-cli3.0的vue.config.js，分享给大家，具体如下：vue-cli 3 英文文档
vue-cli 3 中文文档
webpack 4 plugins
webpack-chainTLDRvue-cli 3 与 2 版本有很大...
2020-05-27
vue+axios 前端实现的常用拦截的代码示例
Axios拦截器配置
main.js//定义一个请求拦截器Axios.interceptors.request.use(function(config){ store.state.isShow=true; //在请求发出之前进行一些操作 return config}...
2020-05-27
微信小程序支付PHP代码
本文实例为大家分享了微信小程序支付PHP具体代码，供大家参考，具体内容如下
服务器端获取 openidGetopenid.php<?php header('Content-type: application/json; charset=UT...
2020-05-27
深入理解JS中Number()，parseInt()，parseFloat()三者比较
参考阅读：详解js中Number()、parseInt()和parseFloat()的区别详解JS转换数值函数Number()、parseInt()、parseFloat()在项目开发中我们经常会用到转型方法，尤其是JS这种松散型...
2020-05-27
浅谈ElementUI中switch回调函数change的参数问题
需求说明八个switch组件,用同一个回调函数switch组件状态发生变化时需要知道它目前开关状态需要知道当前是哪个switch问题描述按照官方文档对switch事件的描述...
2020-05-27
详解JS转换数值函数Number()、parseInt()、parseFloat()
JS中有三种函数可以将非数值转换成数值：Number()、parseInt()和parseFloat()。第一个函数，即转型函数Number()可以用于任何数据类型，而另外两个函数则专门用于把字符串转换成数...
2020-05-27
element-ui中select组件绑定值改变,触发change事件方法
1.安装vuecli脚手架 2.终端输入cnpm i element-ui -S安装element-ui3.按需引入select组件 在main.js中写入如下代码/* 导入第三方库开始 */import 'element-ui/lib/theme-ch...
2020-05-27
Vue.js获取被选择的option的value和text值方法
如下所示：1.获取option的value的值，watch option 控件时，或自动获取option的value的值。2.获取被选中的option的text的值时,使用：$("#optionID option:selected").text拓展知识：s...
2020-05-27
vue项目部署到Apache服务器中遇到的问题解决
最近刚重构完，我们的一个项目，由原来的jsp模式改为了前后端分离，前端选型为vue，开发完成之后第一件时间就是要部署测试，服务端选的是Apache。本来以为很简单的一件事情，几经坎坷部...
2020-05-27
react build 后打包发布总结
一，部署在apache web服务器上（wamp | xammp）1.后台接口需要做跨域设置（1）在服务端利用Access-Control-Allow-Origin响应头解决。
设置Access-Control-Allow-Origin：*，允许所...
2020-05-27
vue.js input框之间赋值方法
如下所示：demo.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Index Page</title></head> <body> <form action="" id="demo"> <input type="text" value...
2020-05-27
vuejs 动态添加input框的实例讲解
实例如下：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <...
2020-05-27
element-ui表格列金额显示两位小数的方法
对于金额的显示，大多情况下需要保留两位小数，比如下面的（表格采用 element-ui）：
在vue.js中，对文本的处理通常是通过设置一系列的过滤器，过滤器可以用在两个地方：双花括号插值 和 v-...
2020-05-27
element-ui表格数据转换的示例代码
业务场景：在后台管理系统表格模块中，我们请求回来的数据类似性别等等，后台给我们返的不是男，或者女，而是给我们返回的是0和1，或者是A和B；但是怎么在表格中显示成男和女呢，这里就需要...
2020-05-27
vue .js绑定checkbox并获取、改变选中状态的实例
如下所示：1.html
<div class="weui-cells weui-cells_checkbox font14" v-for="item in items"> <label class="weui-cell weui-check__label"> <div class="weui-cell_...
2020-05-27
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
vue验证滑块功能，在生活中很多地方都可以见到，那么使用起来非常方便，基于vue如何实现滑块验证呢？下面通过代码给大家讲解。效果图如下所示：拖动前拖动后代码引用的css与js都是线...
2020-05-27
vue 登录滑动验证实现代码
在没给大家讲解实现代码之前，先给大家分享效果图：之前别人都是用jq写的，自己整理了一下开始使用<el-form-item label="验证"><div class="form-inline-input"><div class="code...
2020-05-27
element-ui中的select下拉列表设置默认值方法
element-ui中的select下拉列表如何设置默认值？在element-ui的运用中，涉及到了select下拉列表。项目中需要将select的默认值给展示出来那如何修改呢？上element-ui中的代码片段<t...
2020-05-27
NodeJS如何实现同步的方法示例
前言众所周知，异步是得天独厚的特点和优势，但同时在程序中同步的需求（比如控制程序的执行顺序为：func1 -> func2 ->func3 ）也是很常见的。下面这篇文章主要介绍了关于NodeJS实现...
2020-05-27
jQuery md5加密插件jQuery.md5.js用法示例
本文实例讲述了jQuery md5加密插件jQuery.md5.js用法。分享给大家供大家参考，具体如下：使用方法：$.(md5("你想要加密的字符串"));jquery.md5.js插件代码：/** * jQuery MD5 hash...
2020-05-27
vue左侧菜单,树形图递归实现代码
学习vue有一段时间了，最近使用vue做了一套后台管理系统，左侧菜单需求是这样的，可以多层，数据由后台传递。也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起...
2020-05-27
vue select选择框数据变化监听方法
1、使用v-model在select标签上进行数据双向绑定，2、在data里边添加val：‘ '，3、最后就是监听事件的写法，写在methods之外。附加：（以下图片借鉴他人，非原创）以上这篇vue select选择框...
2020-05-27
element-ui 表格数据时间格式化的方法
后台返回时间格式 /1470220594000/在element-ui table 如何格式化呢 1.首先复制代码 代码如下:<el-table-column prop="AuditEndTime" label="处理时间" width="120" :for...
2020-05-27
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
如下所示：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/bootstrap.css" rel="external nof...
2020-05-27
实例详解ztree在vue项目中使用并且带有搜索功能
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。上篇文章给大家介绍了vue中如何使用ztree，大家可以点击查看...
2020-05-27
element-ui 中的table的列隐藏问题解决
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的。之前用bootstrap做的表格，想要实现简短列和详细列的切换。因为详细列实在有太多列了，拉动滚动条还...
2020-05-27
微信小程序用户信息encryptedData详解
之前做过一个版本是根据encryptData和Session_key解密得到完整的用户信息（包含union_id）的方法去获取用户信息，由于小程序升级，如今需要废弃encryptData的方式去获取用户信息，改...
2020-05-27
element-ui 关于获取select 的label值方法
在某些场景下，还是需要在获得label的值跟Value值的。vue获取值的方式：<el-form-item label="库位" prop="goodsLocationId" > <el-col :span="15">...
2020-05-27
Vue源码解读之Component组件注册的实现
什么是组件？组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有...
2020-05-27
AngularJS自定义表单验证功能实例详解
本文实例讲述了AngularJS自定义表单验证功能。分享给大家供大家参考，具体如下：Angular实现了大部分常用的HTML5的表单控件的类型(text, number, url, email, date, radio, che...
2020-05-27
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
我要实现的功能是在上传文件之前校验是否表格中存在重复的数据，有的话，需要弹窗提示是否覆盖，确认之后继续上传，取消之后，就不再上传。
项目中用的element-ui是V1.4.3<el-upload...
2020-05-27
vue-cli2打包前和打包后的css前缀不一致的问题解决
啰嗦一哈最近基于vue-cli2 学习webpack，将vue-cli2的webpack配置强撸了一遍，感觉身体已被掏空。。。但还是收获不少的，起码掌握了webpack的一些基本套路、开发环境和生产环境的...
2020-05-27
element-ui循环显示radio控件信息的方法
如下所示： <el-form-item label="线路类型：" prop="isGive"> <el-radio-group v-model="currentLine.isGive"> <el-radio :label="item.id" :key="item.id" v-for="item...
2020-05-27
JavaScript原型链与继承操作实例总结
本文实例讲述了JavaScript原型链与继承操作。分享给大家供大家参考，具体如下：1. JavaScript继承JavaScript继承可以说是发生在对象与对象之间，而原型链则是实现继承的主要方法；1...
2020-05-27
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
我使用的是element-ui V2.2.3。代码如下，当我选择值得时候，el-select选择器无法显示选中的内容，但是能触发change方法，并且能输出选择的值。select.vue文件<template> <div> <di...
2020-05-27
JavaScript中this关键字用法实例分析
本文实例总结了JavaScript中this关键字用法。分享给大家供大家参考，具体如下：例1：function a(){ var user = "yao"; console.log(this.user);//undefined console.log(this)...
2020-05-27
浅谈Vue组件及组件的注册方法
相信在使用Vue进行项目开发的时候很多人会接触到vue组件，最常见的就是我们使用的element-ui组件库，用起来确实很方便，大大减少了我们的开发时间。在一个项目中其实有很多可复用...
2020-05-27
vue操作下拉选择器获取选择的数据的id方法
实际项目中我们获取选择的数据的id；这时候 需要配合使用v-bind，才能获取到选择的那条数据的id值，其实就是id赋值给value属性<template> <div> <select v-model="select" >...
2020-05-27
