vue
mrzhangdulin
这个作者很懒,什么都没留下…
展开
-
vue中的computed和watch不同
var var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar', fullName: 'Foo Bar' }, watch: { firstName: function (val) { this.fullName = val + ' ' + thi...原创 2018-03-19 16:59:17 · 431 阅读 · 0 评论 -
vue history nginx配置
增加: try_files $uri $uri/ @rewrites;#工作模式及连接数上线events {worker_connections 1024; #单个工作进程 处理进程的最大并发数}http {include mime.types;default_type application/octet-stream;#sendfile 指令指定 nginx...原创 2019-08-08 19:41:22 · 2191 阅读 · 0 评论 -
重置 清除 vuex store
const getDefaultState = () => { return { items: [], status: 'empty' }}// initial stateconst state = getDefaultState()const actions = { resetCartState ({ commit }) { commit('...原创 2019-08-03 16:02:59 · 11859 阅读 · 6 评论 -
axios finally
HTTP请求库使用axios,Promise对象有一个finally方法,但是在低版本浏览器不支持,所以需要引入对应的polyfill先安装promise.prototype.finally包npm install promise.prototype.finally --save然后在vue项目中需要用到finally的文件中引入import promiseFinally from 'pr...转载 2019-06-04 09:07:31 · 2112 阅读 · 0 评论 -
vue iview的一些坑
1 动态修改form的form-item 要保证 每个key 不重复2:平级的v-for 也要保证index 不重复 最好用div包裹3:v-for和modal弹出框不能在平级,最好用div包裹原创 2019-05-08 17:03:46 · 506 阅读 · 0 评论 -
vue js工具函数
/**Created by jiachenpan on 16/11/18.*/export function parseTime(time, cFormat) {if (arguments.length === 0) {return null}const format = cFormat || ‘{y}-{m}-{d} {h}:{i}:{s}’let dateif (type...转载 2019-04-29 15:13:17 · 916 阅读 · 0 评论 -
axios跨域不成功的一个小问题 Vue CLI3跨域请求,Vue proxy配置
Vue项目,因为前后端分离,所以在请求后端接口时,时常遇到跨站问题,真心入坑啊1、如果前后端项目部署时候不在同域名下,前端不用配置,后端做好CORS配置即可,后端配置可参考https://blog.csdn.net/envon123/article/details/832702772、如果前后端部署在同一个域名,就不会有跨域问题,但一般是生产环境部署是同一个域名下,但在开发环境时,并不是同域名...原创 2019-01-09 17:29:12 · 4752 阅读 · 3 评论 -
H5 vue单页面 活体检测
<template> <div> <div class="face"> <audio id="audio" ref="audioPlay" :src="videoImg ? faceStep[currentStep].voice : ''" loop autoplay> 您的浏览原创 2018-11-12 15:41:28 · 8120 阅读 · 4 评论 -
vue使用Nprogress.js进度条
在vue中使用nprogress.js安装$ bower install --save nprogress$ npm install --save nprogress在项目中引入在main.js中引入要使用的nprogressimport NProgress from 'nprogress'import 'nprogress/nprogress.css'基本用法NProgre...转载 2018-09-20 13:57:20 · 855 阅读 · 0 评论 -
axios取消上一次请求
项目需求:列表式切换商品,有时候上一次请求的结果非常慢,而我又点了另外一个商品,这时候第二次请求的接口比上一次快,那么就点击第二次的商品看到的信息却是上一次的商品信息,这样的用户体验极其不好;解决方案:在点击下一个商品的时候,将上一个商品请求的接口中断取消请求。axios官网给出了取消请求的方法:方法一:axios.get(’/user/12345’, {cancelToken: axi...转载 2018-09-19 19:53:30 · 1966 阅读 · 0 评论 -
剖析Vue原理&实现双向绑定MVVM
本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助<本文所有相关代码均在gith...转载 2018-09-19 16:16:36 · 205 阅读 · 0 评论 -
vue源码解析
Vuex 除了提供我们 Store 对象外,还对外提供了一系列的辅助函数,方便我们在代码中使用 Vuex,提供了操作 store 的各种属性的一系列语法糖,下面我们来一起看一下:mapStatemapState 工具函数会将 store 中的 state 映射到局部计算属性中。为了更好理解它的实现,先来看一下它的使用示例:// vuex 提供了独立的构建工具函数 Vuex.mapState...转载 2018-09-19 16:01:58 · 251 阅读 · 0 评论 -
vue props接收default
当在父组件通过props传Array/Object类型值给子组件的时候,如果子组件的props接收default为 exampleData:{ type:Array, default:[] }时,系统会报错Invalid default value for prop “slides”: Props with type Object/Array must use a factory ...原创 2018-09-07 09:14:29 · 6304 阅读 · 0 评论 -
Vue+Vuex store的modules下,如何让this指向vue实例?
window.vue = new Vue({ router, render: h => h(App)}).$mount('#app')原创 2018-03-26 21:32:44 · 4849 阅读 · 1 评论 -
vuex 自定义 并设置多个文件加下state mutations actions getter
1mian.js 的2 vuex 的 index设置3 store 默认是用的 root下边的 配置例如 action方法 setAdminInfothis.$store.dispatch("setAdminInfo");如果写在 control 下边的话 这样调用用control/setAdminInfothis.$store.dispatch("control/setAdminInfo");...原创 2018-03-26 20:54:17 · 1916 阅读 · 0 评论 -
vue element clickoutside 指令和扩展
element中自定义vue的指令之一,clickoutside顾名思义,就是当鼠标点击了指令所绑定元素的外部时,就会触发绑定方法。用途就以el-select为例,当选择器的下拉框展示时,监听鼠标点击事件,如果鼠标位置在整个选择器外部时,进行隐藏下拉框。1使用方式import Clickoutside from 'element-ui/src/utils/clickoutside'dire...原创 2019-08-07 11:49:27 · 2231 阅读 · 1 评论