你好，求问一下VUEX 的 actions 中无法获取到 this 对象吗？

Question

VUEX 的 actions 中无法获取到 this 对象吗

Answer 1

如果要在actions中发出请求，可以这样做
// main.js

import VueResource from 'vue-resource' // 当然vue-source需要自己去npm下载
Vue.use(VueResource)
// actions.js 就是放actions的文件

import Vue from 'vue'
actions: {
isAccessToken({commit}, access_token) {
return Vue.http.get('/api/token', () => {
//...
})
}
}

如果要在actions中查看路由信息，试试这样

// actions.js

import router from '../router' // 路径不一定对，为router路由信息存放的路径
actions: {
isAccessToken({commit}, access_token) {
return Vue.http.get('/api/token', () => {
console.log(router.currentRoute)
router.push({name: 'login'})
})
}
}

Answer 2

.安装以下模块，让webpack可以解析css文件
cnpm install style-loader --save-dev
cnpm install css-loader --save-dev
cnpm install file-loader --save-dev
2.安装elementUi模块
cnpm install element-ui@next -S11
3.在webpack.base.conf.js中添加配置
{
test: /;;;;;;;;.css$/,
loader: style!css
},
{
test: /;;;;;;;;.(eotwoffwoff2ttf)([;;;;;;;;?]?.*)$/,
loader: file
}
4.然后在 main.js 引入并注册
import Element from ;element-ui;
import ;element-ui/lib/theme-default/index.css;
Vue.use(Element)