下一个js路由浅

Question

帮助我․․․我使用下一个js，浅层路由...这两个代码来自两个不同的页面...我想更改页面而不渲染...第一个正在工作，但第二个却不工作...是否出了点问题在路径名中...

const showFileType = async () => {
        await setFileType(type)

        await router.push({
            pathname: '/all-files',
            query: {
               
                fileType: type
            }
        }, undefined, {shallow: true})
    }


const showAuthorImageType = async () => {
        await setAuthorImageType(type)
        await router.push({
            pathname: `/authors/${router.query.author}`,
            query: {
               
                authorImageType: type
            }
        }, undefined, {shallow: true})
    }

Answer 1

浅路由仅适用于相同页面URL更改。例如，假设我们还有另一个名为pages / about.js的页面，您可以运行以下页面：

router.push（'/？counter = 10'，'/ about？counter = 10'，{浅：真}）

由于这是一个新页面，因此即使我们要求进行浅层路由，它也会卸载当前页面，加载新页面并等待数据提取。