officeapps

vue officeapps怎么修改预览的文件名
https://blog.csdn.net/genziisme/article/details/118056045
项目要写文档在线预览找到了上面博主的方法，确实好用。

img


现在有个需求，怎么修改这个预览的文件名呢

这个没办法修改，但是可以通过代码隐藏，然后显示你要的名称

可以试试按照以下步骤进行操作：（仅供参考）

  • 找到VueOfficeApps组件的源代码（通常是一个.vue文件）。
  • 在该文件中找到渲染文件名的部分。这通常是一个类似于{{currentFileName}}的标记。
  • 修改该标记的内容，使其显示你想要的文件名。你可以使用Vue.js模板语法来实现这一点。例如，如果你想要将文件名更改为"my-document.docx"，则可以将标记更改为my-document.docx。
  • 如果需要，你还可以在VueOfficeApps组件中添加一个新的属性来动态传递文件名。这可以通过添加一个名为“fileName”的prop和在渲染代码中使用它来实现。例如，你可以将标记更改为{{fileName}}，然后在使用VueOfficeApps组件时将fileName prop设置为所需的文件名。

希望这可以帮助你修改预览的文件名。

该回答引用GPTᴼᴾᴱᴺᴬᴵ

// 获取预览文件的 DOM 元素
const previewElement = document.getElementById('preview');

// 获取预览文件的名称
const originalFileName = previewElement.getAttribute('title');

// 修改预览文件的名称
previewElement.setAttribute('title', '新文件名');

在这个代码片段中，我们首先使用 getElementById 方法获取预览文件的 DOM 元素，然后使用 getAttribute 方法获取预览文件的原始名称。接下来，我们使用 setAttribute 方法将预览文件的标题设置为新的名称。
·
请注意，这只会更改预览文件的名称，而不会更改实际的文件名称。如果您想要更改实际的文件名称，您需要执行其他操作，例如使用 Office.js API 来重命名文件。