Vue.js - 随笔分类 - mei1234！

摘要：路由全局拦截首先我们要明白设置拦截器的目的是什么,当我们需要统一处理http请求和响应时我们通过设置拦截器方便处理，路由拦截可以禁止用户手动进入那些需要权限的页面阅读全文

posted @ 2019-02-28 19:01 mei1234！阅读(336) 评论(0) 推荐(0)

摘要：转：https://blog.csdn.net/Number7421/article/details/81002729 不过我以前都写过这三种方法了，很pang额，怕之后忘记了，偷个懒拿别人的，以免以后忘记了一、单选：思路：当点击的索引值 == v-for循环的索引值时，给你那个li添加选中样式阅读全文

posted @ 2019-02-22 12:03 mei1234！阅读(19351) 评论(0) 推荐(3)

Vue keep-alive实践总结

摘要：<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也阅读全文

posted @ 2018-11-14 19:21 mei1234！阅读(695) 评论(0) 推荐(1)

解决vuex的数据刷新（F5）后会被初始化的问题

摘要：介绍一个vuex的数据刷新（F5）后会被初始化的问题处理的插件：vuex-localstorage 实现的原理大概就是监听浏览器的刷新，关闭事件，把vuex的值存储到本地localstorage，刷新完成后再把本地存储的值赋值会到vuex，并把本地清空，所以对应监听浏览器页面的加载，关闭，刷新事件很阅读全文

posted @ 2018-11-12 16:17 mei1234！阅读(3010) 评论(0) 推荐(0)

vue 前端处理监听关键字搜索

摘要：根据组件的业务需要，有时候搜索是把关键字返回给后台，后台处理后再把数据返回给前端渲染（多次请求服务器）；有时候是前端把页面的数据全部获取下来，前端处理关键字的搜索（影响页面加载）我这个文章是介绍第二种情况，主要是要先了解es6的filter（）和includes（） filter() 方法创建一个阅读全文

posted @ 2018-10-25 23:12 mei1234！阅读(3420) 评论(0) 推荐(1)

解决vue低版本安卓手机兼容性问题

摘要：低版本的安卓手机可能会白屏，是由新特性不支持引起的解决代码es6新特性兼容问题 1，npm 安装 npm install babel-polyfill npm install es6-promise 2，main.js 引入 import 'babel-polyfill' import Es6Pr 阅读全文

posted @ 2018-09-18 22:03 mei1234！阅读(12432) 评论(0) 推荐(1)

vue 选择图片（限定大小）上传到服务器

摘要：FormData： https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects 成果： html： <div class="pdt15 pdb15"> <div id="preview" class 阅读全文

posted @ 2018-07-16 19:25 mei1234！阅读(5414) 评论(0) 推荐(0)

当获取图片失败时候,显示默认图片

摘要：你是不是在弄交互数据的时候经常遇到那个图片链接压根就是啥都没有,页面看上去也不美观.这时候我们就可以试一下可以给他一个默认图片,完美一下了真的有这方法: 在vue项目时在html中img标签加入 :onerror="defaultImg"/*适合少量的img标签的*/ 在JavaScript中加阅读全文

posted @ 2018-07-15 15:11 mei1234！阅读(352) 评论(0) 推荐(0)

vue使用watch 观察路由变化，重新获取内容

摘要：不知道，你们是否也遇到过路由的参数发生改变，但是页面就特么的不变，好气人是不是，幸好最好还是解决了。所以想在这和你们分享一下方法一：监控到路由发生改变的时候，进行页面刷新（不建议使用，用户体验不好）方法二：监控到路由发生改变的时候，重新向服务器获取内容（这方法比较友善，不会刷新整个浏览器的页面，阅读全文

posted @ 2018-07-15 14:10 mei1234！阅读(259) 评论(0) 推荐(0)

vue 封装方法

摘要：个我这个是局部引入方法，下次有需要全局在补上（全局：在main.js文件引入封装的方法js文件，然后用Vue.prototype）一、新建一个js文件loading.js 二、编辑loading.js文件 1. 一次性导出多个方法在vue文档中引入（为什么要加{}可以看https://www.c 阅读全文

posted @ 2018-06-07 18:50 mei1234！阅读(763) 评论(0) 推荐(0)

vue实现淘宝商品详情页属性选择功能

摘要：方法一是自己想出来的，方法二来自忘记哪里看到的了不知道是不是你要的效果：方法一：利用input[type="radio"] css代码： html： vue实例：方法二：利用数组（把每一行当做数组第几个位置eg：a[1]相当于这个数组里的1，每行内选择的元素的索引为数组对应位置的元素值eg：a 阅读全文

posted @ 2018-05-09 11:50 mei1234！阅读(9606) 评论(0) 推荐(0)

vue通过id从列表页跳转到对应的详情页

摘要：1. 列表页：列表页带id跳转到详情页详情页：把id传回到后台就可以获取到数据了 2.列表页跳转到详情页并更改详情页的标题列表页：带id和页面标题的typeid跳转到详情页详情页：在html绑定标题，获取到传过来的typeid，然后判断typeid是多少对应返回标题。补充：获取后台的数据，就阅读全文

posted @ 2018-04-28 15:14 mei1234！阅读(19618) 评论(0) 推荐(0)

vue-cli搭建项目的目录结构及说明

摘要：vue-cli基于webpack搭建项目的目录结构 build文件夹 ├── build // 项目构建的(webpack)相关代码 │ ├── build.js // 生产环境构建代码（在npm run build的时候会用到这个文件夹）│ ├── check-versions.js // 检查n 阅读全文

posted @ 2018-04-28 11:42 mei1234！阅读(274) 评论(0) 推荐(1)

vue-cli中使用less

摘要：先安装less，less-loader npm install less less-loader --save-dev，你会在package.json中看到图下之后不用配置就可以在项目中用less了直接在main.js中引入less文件就好，（在main.js中引入的npm run build之阅读全文

posted @ 2018-04-28 09:58 mei1234！阅读(4949) 评论(0) 推荐(0)

vue实现星级评价效果

摘要：希望对你们有用，已经自己试过可以的才发布出来的效果如下： html： <template> <div class="evaStar"> <ul class="star"> <li v-for="(itemClass,index) in itemClasses" :class="itemClass" 阅读全文

posted @ 2018-01-05 17:05 mei1234！阅读(6678) 评论(2) 推荐(1)

搭建Vue.js开发环境（window10）

摘要：我在配置Vue.js环境的时候遇到了很多的问题，希望能把这些解决方法也介绍给大家，希望能帮到大家，共同学习. 如果要转发，请注明原作者和原产地，谢谢！注释：下面任何命令都是在windows的命令行工具下进行输入安装步骤第一步：nodejs安装 nodejs官网下载：http://nodejs. 阅读全文

posted @ 2017-09-28 15:08 mei1234！阅读(6376) 评论(1) 推荐(0)

mei1234！

随笔分类 - Vue.js

公告