
vue学习
sanstu
一个励志成为大前端的男人
展开
-
vue router-link 上添加点击事件
在vue学习中遇到给router-link添加点击事件无效的情况。例如:发现事件没有执行,后根据vue的官方文档得知想在某个组件的根元素上监听一个原生事件。可以使用.native修饰v-on例如:这样就可以啦!学习笔记,如有不足请多指教!原创 2017-07-24 17:57:36 · 3206 阅读 · 0 评论 -
Vuex架构设计
记录最近学到的应该怎样去设计Vuex首先代码都放在src下的store目录store下有六个js文件:1.index.js:入口文件,其中debug是线下false,线上true。然后strict是是否开启严格模式,开启时会检测对state的修改是不是通过mutations来修改的,如果不是则会报错。最后plugins是Vuex的插件,而createLogg原创 2017-09-20 11:58:56 · 1163 阅读 · 0 评论 -
cordova打包vue2 app
使用cordova打包vue2(webpack)app for android ios1、vue项目通过vue-cli脚手架建立项目,使用webpack进行打包,下边是一整套命令。#npm 版本最好是最新的,升级npm,node版本也有要求npm i -g npm# 安装脚手架npm install -g vue-cli#初始化新建项目vue init webp转载 2018-01-26 17:00:46 · 622 阅读 · 0 评论 -
vue中渲染数据可能有一个无限更新循环--You may have an infinite update loop in a component render function.
今天在在工作中碰到个问题,在此记录下。今天在接接口数据时发现数据搞反了,于是想着把数据倒叙一下<row-list v-if="dataList.rules" :canSelect="!isClose" :dataList="dataList.rules[0].subLotteryRule[0].subLotteryRule.reverse()" @sel原创 2017-12-05 17:48:22 · 16769 阅读 · 0 评论 -
axios Get和POST方法
GET:return axios.get(url, { params: data}).then((res) => { return Promise.resolve(res.data)})POST:return axios.post(url,qs.stringify(data)).then((res) => { return Promise.r原创 2017-09-12 10:26:11 · 3888 阅读 · 1 评论 -
vue-router在同一个路由下切换,取不到变化的路由参数
最近用vue写项目的时候碰到一个问题,在同一个页面下跳转,路由地址不变,路由参数有变化,一开始只是在data里取路由的参数,发现根本取不到变化的路由参数。在网上查找了一番后发现可以这样写:watch: { '$route' (to, from) { //这样就可以获取到变化的参数了,然后执行参数变化后相应的逻辑就行了 console.log(this.$route.quer原创 2017-09-12 10:02:18 · 5801 阅读 · 0 评论 -
vue-cli的webpack模板项目配置文件分析
一、文件结构本文主要分析开发(dev)和构建(build)两个过程涉及到的文件,故下面文件结构仅列出相应的内容。├─build│ ├─build.js│ ├─check-versions.js│ ├─dev-client.js│ ├─dev-server.js│ ├─utils.js│ ├─vue-loader.conf.js│ ├─webpa转载 2017-08-30 14:31:30 · 608 阅读 · 0 评论 -
vue-route+webpack部署单页路由项目,访问刷新出现404问题
问题描述:最近在开发cms的时候使用Vue.js框架,利用vue-route结合webpack编写了一个单页路由项目,自己在服务器端配置nginx。部署完成后,访问没问题,从页面中点击跳转也没问题,但是只要点击刷新或通过浏览器地址栏回车,就会出现404现象!在本地开发中是没有这个问题的,调试的时候一切都是正常的在服务器上 如直接访问地址:http://10.***.**.1转载 2017-07-25 12:01:44 · 6319 阅读 · 0 评论 -
vue打包后图片路径错误
vue项目在打包之后背景图片访问出错?首先,出错点在url-loader上面。// url-loader配置// build/webpck.base.conf.js{ test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', query: { limit: 10000, name: utils.asse...原创 2017-07-25 10:43:46 · 6817 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
我们有时候常碰到vue中明明修改了数据,但是视图无法更新,因此我总结了一点点碰到此类的情况:数组数据变动:我们使用某些方法操作数组,变动数据时,有些方法无法被vue监测,有些可以Vue包装了数个数组操作函数,使用这些方法操作的数组去,其数据变动时会被vue监测: push()pop()shift()unshift()splice()sort()reverse()vue2.0还增加个方法可以观测Vu...原创 2018-03-02 15:14:02 · 2490 阅读 · 0 评论