我在 Vue 项目中的 CSS 不接受带引号的 URL

Question

正如标题所示，当我将一个带引号的URL传递给background-image或光标时，它根本不加载文件。
我使用Vue并安装了以下库: Vuetify、SASS、SASS- loader、Node-SASS。
我无法卸载Node-SASS，因为没有它我的项目无法运行。

下面是一些例子:

// This works
#app {
cursor: url(../public/graphics/Nights_Edge.png), auto;
}
// This doesn't work
#app {
cursor: url('../public/graphics/Nights_Edge.png'), auto;
}
// This also doesn't work
#app {
cursor: "url(../public/graphics/Nights_Edge.png)", auto;
}

我的后续问题是，如果引用的URL不加载，我如何通过Javascript传递这样的URL ?
我想做的是:

document.getElementById("app").style.cursor = "url(../public/graphics/Nights_Edge.png) auto";

显然，删除引号会让我陷入一片红色的海洋。

Answer 1

关闭这篇文章。
我还没有找到如何解决这个问题的答案，但我这个解决方案对我有效。

document.getElementById("app").style.cursor = 'unset';

body {
cursor: url("./image.png"), auto;
}
#app {
cursor: auto;
}

font =宋体;是body的孩子。

Answer 2

您可以使用字符转义javascript语言中引号的语义。这基本上意味着'转义'引号只是作为字符串中的"字符处理，而不是表示代码中实际字符串的开始和结束。这允许您在引用的文本中添加引号:

document.getElementById("app").style.cursor = "url("../public/graphics/Nights_Edge.png"), auto";