vuex 中数据请求后返回的结果怎么传递到组件中去？

Question

1.现在我在vuex的actions中用axios发送请求后台得到了数据。
2.要处理这个数据，以element组件中的弹窗提示返回的结果，但vue中的this指向的是store，而使用element时this需要指向vue实例。
3.所以想着能把数据传递出去，在组件中去坐处理，组件中的this是指向vue实例的

Answer 1

看下官网的这个示例&nbsp;const&nbsp;Counter&nbsp;=&nbsp;{ &nbsp;&nbsp;template:&nbsp;`<div>{{&nbsp;count&nbsp;}}</div>`, &nbsp;&nbsp;computed:&nbsp;{&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;count&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;this.$store.state.count &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;} }

Answer 2

你是要在store文件里使用elm?1:可以 import {Message}from 'element-ui';在store里单独引入Message这个组件2：在store 里 返回一个promise在你的组件里调用这个action;然后在组建立获取数据，然后用this.$message store&nbsp;actions&nbsp;:&nbsp;你的请求方法&nbsp; async&nbsp;fn(){&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;res&nbsp;=&nbsp;await&nbsp;apiFn();&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;x1 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;x2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;} }; 组件： async&nbsp;tfn(){&nbsp;&nbsp; &nbsp;&nbsp;const&nbsp;res&nbsp;=&nbsp;await&nbsp;this.$store.dispath(actionName);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;if(x1){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.$message.success(res) &nbsp;&nbsp;&nbsp;&nbsp;}eles&nbsp;if(x2){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.$message.error(res) &nbsp;&nbsp;&nbsp;&nbsp;} }; 大概是这样