css Vue 3 PDF阅读器上的黑暗主题

slwdgvem 于 2022-12-24 发布在其他

关注(0)|答案(1)|浏览(179)

我已经在Vue 3项目中添加了@tato30/vue-pdf库，并按预期工作。在我的项目中添加了暗模式后，我决定也尝试在其中显示的任何PDF文件中添加暗模式;用CSS的invert函数测试后;尽管我的主题变量是一个Vuex变量，我试图将它链接到我的PDF阅读器，以便它可以正确地更改，但它不工作;我的代码如下：

<VuePDF
  align="center"
  :pdf="pdf"
  :page="currentPage"
  :scale="scale"
  :style="filter: invert('dark' === this.$store.getters.theme ? 1 : 0)"
/>

我犯了什么错？我该怎么弥补？

css

来源：https://stackoverflow.com/questions/74892112/dark-theme-on-vue-3-pdf-reader

1条答案

按热度按时间

huwehgph1#

<VuePDF
  align="center"
  :pdf="pdf"
  :page="currentPage"
  :scale="scale"
  :style="{ filter: invert(this.$store.getters.theme === 'dark' ? 1 : 0) }"
/>

以下是对所做变更的解释：
1.：style绑定在包含style属性的对象周围缺少大括号{}。
2.未正确调用invert函数。该函数的参数两边缺少括号（）。
3.比较运算符“dark”=== this.$store.getters.theme使用了错误的运算符。它应该是===而不是“dark”===。

赞(0）回复(0）举报 2022-12-24

我来回答

css Vue 3 PDF阅读器上的黑暗主题

1条答案

相关问题

热门标签

最新问答