时间戳

首页 > 解决方案 > 在 Vuejs 中使用作用域样式时，是否可以提供签名字符串？

vue.js - 在 Vuejs 中使用作用域样式时，是否可以提供签名字符串？

问题描述

当您在 Vuejs 中使用作用域样式时，它包含一个带有特定签名的 data-v-XXX 字符串。

<template>
  <div>
    <h1>this is a title</h1>
    <p>this is a paragraph</p>
  </div>
</template>

<style scoped>
h1 {
  color: red;
  background-color: black;
}

p {
  font-style: italic;
}
</style>

你得到一个生成的风格

h1[data-v-3fe14d6d] {
    color: red;
    background-color: black;
}

p[data-v-3fe14d6d] {
    font-style: italic;
}

有没有办法提供注入 data-v 字符串的签名字符串？所以你可以有 data-v-MyCustomControlName。

如下所述，我希望提供特定字符串的主要原因是允许第三方样式注入。

虽然 data-v-XXXX 的值可以用于此目的，并且可以保证没有冲突，但生成的数字很难使用。

我或许应该将问题更改为“使用 Nuxtjs 来最大程度地减少样式冲突并同时最大化第三方样式支持的最佳方式是什么？”

标签： vue.jsvue-componentnuxt.js

解决方案

简而言之，这是不可能的。

推荐阅读