为什么 vue 中, await 不能取得正确的值 ？
wwjvtwoex 2018-08-16 15:39:39 +08:00 5046 次点击这是一个创建于 2616 天前的主题，其中的信息可能已经有所发展或是发生改变。
在 vue 中，使用 计算属性 设置 textarea
<textarea :value="myVal"></textarea>
...
computed:{ myVal: function(){ const rsp = await fetch('/url'); const txt = await rsp.text(); // 在这里打印出 aaa， 这是实际的值 console.log(txt); // textarea 中的文字为 "[object promise]" return txt; }, }, ...
 | 1 ccccccc 2018-08-16 16:11:33 +08:00 via iPhone async 才可以 await |
 | 2 wwjvtwoex OP 实际代码中是 async, 这里写错了 |
| 3 wwjvtwoex OP 再贴一遍实际的代码 computed:{ myVal: async function(){ const rsp = await fetch('/url'); const txt = await rsp.text(); // 在这里打印出 aaa， 这是实际的值 console.log(txt); // textarea 中的文字为 "[object promise]" return txt; }, }, |
 | 4 feibinyang 2018-08-16 16:23:05 +08:00  1 调用 async/await 返回的是 Promise，await 之后的语句会被 Promise().then(....) then 之后执行 |
 | 5 leafiy 2018-08-16 16:29:07 +08:00 1 computed 不能异步返回 https://github.com/foxbenjaminfox/vue-async-computed |
| 7 leafiy 2018-08-16 16:41:56 +08:00 1 @wwjvtwoex rsp = fetch （）; txt = await rsp.text() ? 这里还不如直接用 fetch().then() |
 | 8 mrcode 2018-09-23 00:42:58 +08:00 楼主的用法 vue 表示超纲了... computed 本身是用于对 data 里的数据进行一些运算，以便在 render 函数可直接使用 而且，本身 render 函数直接调用 computed 里的函数拿的值，因此楼主这里拿到的是 Promise<any> 楼主不妨把这段代码放到 methods 里，把结果放到 data 里 |
 | 9 q540374501 2019-04-04 15:00:02 +08:00 血泪教训，千万不要试图在 async 里封装什么东西让人调用，调用者必须以 async/await 的结构调用才能取到值。然而这完全违背了封装的原意，vue 在渲染时直接把 computed 调用了，返回一个 promise，全部完蛋。 |
Select Language