让我们假设我们将这个存储库注入到plugin/service-tainer.js上。
import nodeFetch from 'node-fetch'
import { AbortController as NodeAbortController } from 'node-abort-controller'
import HttpClient from '@/services/httpClient'
import PostRepository from '@/repositories/posts'
export defa
我使用的是Nuxt.js,它有一个动态页面,定义在
pages/post/_slug.vue
所以,当我访问页面url时,比如说,,我如何读取页面中的这个片段参数值。
目前,我正在使用asyncData获取它,如下所示:
asyncData ({ params }) {
// called every time before loading the component
return {
slug: params.slug
}
}
这很好,但我认为这不是最好的方法,应该有更好的方法使参数可用于页面。任何帮助都是非常感谢的!
我在我的项目中有自定义函数,用作插件
import Vue from 'vue'
function copyText(text) {
var input = document.createElement('input');
input.setAttribute('value', text);
document.body.appendChild(input);
input.select();
var result = document.execCommand('copy');
doc
在第一页刷新时,asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink,回到这个页面时,当状态不发生变化的时候,数据就在那里了。这意味着在第一次加载/刷新时,服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。
使用asyncData的页面组件:
asyncData({ app, params, store }) {
//its not available upon first refresh, but is after following a random nuxtlink and going back
const cartP