81浏览

0评论

解决vue打包项目后刷新404的问题

vue打包项目后刷新404的问题Nginx配置server { listen 80; server_name localhost; index index.html; root /root/dist; location / { root /root/dist;...

• 2020-05-27

75浏览

0评论

解决vue-router进行build无法正常显示路由页面的问题

使用vue cli创建一个webpack工程加入vue-router然后使用路由引入一个新的组件。这时路由和链接是这样写的const router = new VueRouter({ mode: 'history', base: __dirnam...

• 2020-05-27

78浏览

0评论

vue2.0 路由不显示router-view的解决方法

今天学习vue2.0 的 router-view , 爆出的错误不计其数，不知道哪位大神写的router-view,配置的参数竟然不是router，而是routes =_=||这是花了一上午整出来的main.js，还有网上的...

• 2020-05-27

94浏览

0评论

解决vue build打包之后首页白屏的问题

1、问题描述本地的vue项目在server端浏览没问题，但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。2、解决方法在config文件夹中找到index.js打开把a...

• 2020-05-27

90浏览

0评论

基于Vue中点击组件外关闭组件的实现方法

Vue定义全局点击函数，参数为点击的回调函数。Vue.prototype.globalClick = function (callback) { //页面全局点击 $(document).click(callback);}组件挂载后监听全局的点击...

• 2020-05-27

80浏览

0评论

vue.js在标签属性中插入变量参数的方法

html的标签的属性，比如id、class、href需要动态传递参数，拼接字符串，查了一些资料，并没有找到合适的解决方法，琢磨了一上午，终于试出了方法：v-bind:属性=“ ‘字符串'+自定义变量名...

• 2020-05-27

100浏览

0评论

关于Vue的路由权限管理的示例代码

前言曾经在工作上对 vue 路由权限管理这方面有过研究，这几天又看到了几篇相关的文章，再加上昨天电面中又再一次提及到，就索性整理了一下自己的一些看法，希望对大家有帮助。实现...

• 2020-05-27

100浏览

0评论

基于vue-cli 打包时抽离项目相关配置文件详解

前言：当使用vue-cli进行开发时时常需要动态配置一些设置，比如接口的请求地址（axios.defaults.baseURL），这些设置可能需要在项目编译后再进行设置的，所以在vue-cli里我们需要对这些...

• 2020-05-27

95浏览

0评论

使用vue制作探探滑动堆叠组件的实例代码

效果图如下所示： 前言嗨，说起探探想必各位程序汪都不陌生(毕竟妹子很多)，能在上面丝滑的翻牌子，探探的的堆叠滑动组件起到了关键的作用，下面就来看看如何用vue写一个探探的堆叠组...

• 2020-05-27

102浏览

0评论

React Native使用fetch实现图片上传的示例代码

本文介绍了React Native使用fetch实现图片上传的示例代码，分享给大家，具体如下：
普通网络请求参数是JSON对象
图片上传的请求参数使用的是formData对象使用fetch上传图片代码...

• 2020-05-27

106浏览

0评论

解决iview打包时UglifyJs报错的问题

使用npm run dev时运行是ok的，但是npm run build打包时iview报错，如下：原因是iview中使用了es6语法，然而uglifyJs是不支持的，打开我们的build/webpack.prod.conf.js文件，可以看到/...

• 2020-05-27

111浏览

0评论

浅谈webpack打包之后的文件过大的解决方法

以前一直使用 create-react-app 这个脚手架进行 react 开发，后面因为一些自定义的配置，转而使用 webpack 搭建一套自己的脚手架。但是在使用 webpack 打包之后发现，纳尼？怎么文...

• 2020-05-27

141浏览

0评论

Vue+ElementUI实现表单动态渲染、可视化配置的方法

动态渲染就是有一个异步的数据，大概长这样：{ "inline": true, "labelPosition": "right", "labelWidth": "", "size": "small", "statusIcon": true, "formItemList": [ { "ty...

• 2020-05-27

89浏览

0评论

angularjs使用gulp-uglify压缩后执行报错的解决方法

问题出现原因是由于压缩之后变量变成了，e、s、t等，需要依赖注入的方法没有使用中括号注入，而在function的参数中直接使用，导致压缩之后无法识别需要依赖注入的模块。例如：var mod...

• 2020-05-27

143浏览

0评论

node下使用UglifyJS压缩合并JS文件的方法

现在UglifyJS的最新版本为 2.8.13，主要功能为JS的压缩和合并，下面直接进入教程：安装：<span style="font-size:18px;color:#006600;">npm install uglify-js -g</span> 将uglifyj...

• 2020-05-27

208浏览

0评论

vue中axios解决跨域问题和拦截器的使用方法

vue中axios不支持vue.use()方式声明使用。 所以有两种方法可以解决这点：第一种： 在main.js中引入axios，然后将其设置为vue原型链上的属性，这样在组件中就可以直接 this.axios使...

• 2020-05-27

113浏览

0评论

在vue项目中,使用axios跨域处理

跨域，一个很是让人尴尬的问题，有些人可以在后台中设置请求头，但是很多前端并不具备后台的知识，并无法自己独立的搭建一个服务器，所以就变成了一个尴尬的事情当然，有很多的虚拟服务...

• 2020-05-27

118浏览

0评论

Vue-cli项目获取本地json文件数据的实例

在自己做的vue demo项目中，我想通过在本地添加一些json数据，写到json文件中，并且通过异步请求获取到，然后加载数据。axios.get('http://localhost:8080/datas/json')然而在这一...

• 2020-05-27

328浏览

0评论

JavaScript中使用import 和require打包后实现原理分析

前言:之前使用ES6写代码,webpack打包后上线,一点问题没有,也看过打包后的代码,长的很乱,也没敢看看咋回事,加载后就是能运行!今天通过个例子理解一下打包前,和打包后的代码!...

• 2020-05-27

120浏览

0评论

使用vue中的v-for遍历二维数组的方法

如下所示：<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'> <tr v-for='(item, index) in data'> <template v-for='items in it...

• 2020-05-27

115浏览

0评论

Vue中v-for的数据分组实例

使用Vue.js可以很方便的实现数据的绑定和更新，有时需要对一个一维数组进行分组以方便显示，循环可以直接使用v-for，那分组呢？这里需要用到vue的computed特性，将数据动态计算分组。...

• 2020-05-27

66浏览

0评论

vue2.0 computed 计算list循环后累加值的实例

实例如下所示：<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Foo</h2> <div v-for ="(item, index) in list"> <!--<p>{{item }}</p>--> <h1 v-show="false">...

• 2020-05-27

326浏览

0评论

vue.js 嵌套循环、if判断、动态删除的实例

Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的APIapp.html<!doctype html><html lan...

• 2020-05-27

76浏览

0评论

Vue.js+Layer表格数据绑定与实现更新的实例

一：先使用Vue.js绑定好数据与更新事件使用v-on绑定好事件,在事件里边直接把该行数据传递进去，在更新方法里边就可以直接取出需要更新的数据<div id="content"> <table class=...

• 2020-05-27

96浏览

0评论

Bootstrap实现可折叠分组侧边导航菜单

效果图：源码：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"...

• 2020-05-27

131浏览

0评论

layui表格checkbox选择全选样式及功能的实例

在之前的版本，默认复选框是要有值得，默认为“勾选”两个字，在表格里用来做选择不适合，很难改，还好layui升级后，可以支持不写name值，来适应表格中的选择操作。1、layui版本号为 v1.0...

• 2020-05-27

115浏览

0评论

layui select动态添加option的实例

html<form class="layui-form" action=""> <div class="layui-form-item proSelect"> <label class="layui-form-label">产品类别</label> <div class="layui-input-blo...

• 2020-05-27

103浏览

0评论

详解从买域名到使用pm2部署node.js项目全过程

作为一个前端，对写好的项目怎么部署到服务器是一脸蒙圈的，但还是对这个很感兴趣，决定尝试一下,说干就干。一、买域名和服务器要部署项目肯定要买域名，这点是必不可少的，发现腾讯...

• 2020-05-27

76浏览

0评论

vue.js的computed,filter,get,set的用法及区别详解

1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed...

• 2020-05-27

89浏览

0评论

JavaScript满天星导航栏实现方法

说明
分享一个满天星导航栏的效果，代码不多，但效果挺好看，先看看效果图吧。解释
实现这个效果，需要掌握的知识不用很多，知道简单的CSS，会用JS 获取元素， 能绑定事件基本就足够了。...

• 2020-05-27

118浏览

0评论

改变vue请求过来的数据中的某一项值的方法(详解)

由于 JavaScript 的限制， Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLe...

• 2020-05-27

92浏览

0评论

详解使用vue-cli脚手架初始化Vue项目下的项目结构

vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载...

• 2020-05-27

68浏览

0评论

vue与vue-i18n结合实现后台数据的多语言切换方法

在XXX.js文件中定义函数：getUser(context,info){ context.$http.get(SERVER_URL+'/users',info).then(function(data){ let err =data.body.error; if(err===0){ let...

• 2020-05-27

102浏览

0评论

vue.js中$set与数组更新方法

由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当利用索引直接设置数组的某一项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = n...

• 2020-05-27

97浏览

0评论

JQuery选中select组件被选中的值方法

jquery获取select选择的文本与值 获取select ： 获取select 选中的 text :$(“#ddlregtype”).find(“option:selected”).text();获取select选中的 value:$(“#ddlregtype “...

• 2020-05-27

94浏览

0评论

在react-router4中进行代码拆分的方法（基于webpack）

前言随着前端项目的不断扩大，一个原本简单的网页应用所引用的js文件可能变得越来越庞大。尤其在近期流行的单页面应用中，越来越依赖一些打包工具（例如webpack），通过这些打包工具...

• 2020-05-27

98浏览

0评论

vue.js移动数组位置,同时更新视图的方法

使用vue.js v-for绑定若干个选项，需要对选项进行排序上下移动操作。需要对options里面数组的位置进行交换，通常是这样来写：假设向前移动一个：var index = this.options.indexOf(...

• 2020-05-27

86浏览

0评论

vue.js或js实现中文A-Z排序的方法

实现中文按照A-Z的方法，可以在vue的methods里面写入：methods:{ pySort:function(arr,empty){ var $this = this; if(!String.prototype.localeCompa...

• 2020-05-27

73浏览

0评论

实战node静态文件服务器的示例代码

本篇文章主要介绍了实战node静态文件服务器的示例，分享给大家，具体如下：支持功能: 读取静态文件 访问目录可以自动寻找下面的index.html文件, 如果没有index.html则列出文件...

• 2020-05-27

115浏览

0评论

JS字符串去除连续或全部重复字符的实例

js字符串去除连续重复字符()和\number 配合使用表示重复正则第number个括号内匹配到的内容，如：(\d)\1表示重复第一个匹配块(\d)即等价于如果(\d)匹配到a，则表达式为aa相应的可...

• 2020-05-27

81浏览

0评论

Vue.js实现图片的随意拖动方法

主要代码如下：<template> <div id="test_3"> <img src="../assets/img/photo.jpg" @mousedown="start" @mouseup="stop" @mousemove="move" :style="style"> </div></templa...

• 2020-05-27

82浏览

0评论

解决Vue 通过下表修改数组,页面不渲染的问题

需要注意的是，Vue之所以能够监听Model状态的变化，是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听对象状态的变化。但是，对于数组元素的赋值，却没有办法直...

• 2020-05-27

98浏览

0评论

vue2.0 axios跨域并渲染的问题解决方法

(用的脚手架vue-cli)第一步： 在main.js中如下声明使用import axios from'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用第二步：在webpack...

• 2020-05-27

110浏览

0评论

layui之select的option叠加问题的解决方法

小编我在使用layui，在select的地方遇到了坑，select里的值居然无法清空，select里的option还有叠加问题，为了解决这个问题，也达到我的功能，我研究了下，让有同样需求的小伙伴不踩坑，特...

• 2020-05-27

318浏览

0评论

Vue.js自定义事件的表单输入组件方法

Vue.js使用自定义事件的表单输入组件自定义事件可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。要牢记：<input v-model="something">这不过是以下示例的...

• 2020-05-27

77浏览

0评论

vue注册组件的几种方式总结

1、全局注册(这种方式注册组件必须在vue实例化之前声明)Vue.component('tag-name',{})2、局部注册var Child = { template: '<div>A custom component!</div>'}new Vue({ //...

• 2020-05-27

112浏览

0评论

使用use注册Vue全局组件和全局指令的方法

Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时，官方文档中的方法就显得有些不够清爽了。全局组件 在Vue官方文...

• 2020-05-27

89浏览

0评论

浅谈vue.js导入css库(elementUi)的方法

1.安装以下模块，让webpack可以解析css文件cnpm install style-loader --save-devcnpm install css-loader --save-devcnpm install file-loader --save-dev2.安装elementUi模...

• 2020-05-27

99浏览

0评论

11行JS代码制作二维码生成功能

HTML代码：<img style="display: none" id="qrcode" data-width="100" data-height="100" data-url="https://www.baidu.com/">相关JS代码：/** * 生成二维码 * data-width={...

• 2020-05-27

117浏览

0评论

vue的安装及element组件的安装方法

一、新建vue项目1、首先需要下载nodejs，安装后打开命令窗口可以使用npm包管理工具npm集成在node中的，所以直接输入npm-v查看npm的版本信息2、npm有些资源被屏蔽或者是国外资源...

• 2020-05-27