我正在try 用sveltekit构建一个页面,该页面将显示一个文档名称列表,当您单击一个名称时,它将显示相应的文档(这是一个静态的HTML文件).

我用的是一张桌子:

    <tbody>
    {#each docs as doc, i}
        <tr>
            <td>{i + 1}</td>
            <td><a href={`docsDir/${doc.fileName}`}>
                {doc.docTitle}</a></td>
        </tr>
    {/each}
    </tbody>

我应该把docsDir放在哪里才能找到它,或者有更好的方法来做到这一点?

推荐答案

我觉得绝对的联系会更简单:

href={`/docsDir/${doc.fileName}`}

并因此将docsDir作为静态assets资源 目录的直接子目录,即/static/docsDir.

为了清楚起见,我还会考虑将docsDir重命名为docs(除非它已在路由树中的其他位置使用,例如/src/routes/docs).

Html相关问答推荐

z—index总是 destruct 我的头,我该如何修复它?

Chrome中是否有一个本地显示密码功能,用于`input type = password/`?""<"">

注册组件不显示当我导航到注册站点

如何让QML`Text`元素内的链接在悬停时显示鼠标指针?

如何通过扭曲元素来倾斜元素?

有没有一种方法可以动态地从网格或Flexbox中取出HTML元素?

小虫?CSS Flexbox间隙应用于两个内联文本块之间,因为它们之间存在绝对定位的元素

如何使div填充父项的剩余高度

禁用所有行,但在16角中单击编辑按钮的行除外

SVG的动态CSS

静态DIV的标签,显示从窗体输入的值

rmarkdown HTML数字不适用于针织衫_1.44

太多的 Web 视图实例导致手机过热 Swift

子元素放在文本样式之后,样式会 destruct

Bootstrap 轮播内容在箭头之间不显示

如何将 HTML DateTime 转换为 Golang Time 对象

如何将两个平行 div 的页面内的表格居中?

图像比预期宽的网格列

如何在Bootstrap卡片底部添加波浪形状

在 html 邮箱的左侧和右侧制作多个元素很热门吗?