VUE不会对CSS属性进行供应商自动预定。为什么?

发布于 2025-01-25 14:47:28 字数 1073 浏览 5 评论 0原文

VUE不会对CSS属性进行供应商自动预定。为什么?

这是我的代码:

<!DOCTYPE html>
<html>
  <head>
    <title>My first Vue app</title>
    <script src="https://unpkg.com/vue@2"></script>
  </head>
  <body>
    <div id="app" :style="styleObj">foo</div>

    <script>
      var a = new Vue({
        el: "#app",
        data: { styleObj: { transition: "all 1s linear" } }
      });
    </script>
  </body>
</html>

这是我在Chrome中看到的内容(版本100.0.4896.127(官方构建)(ARM64)):

”在此处输入图像说明“

我希望看到类似:

-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;

在这里是官方文档,指出应发生自动定位。我在这里想念什么?

Vue does not do vendor auto-prefixing of the css property. Why?

Here is my code:

<!DOCTYPE html>
<html>
  <head>
    <title>My first Vue app</title>
    <script src="https://unpkg.com/vue@2"></script>
  </head>
  <body>
    <div id="app" :style="styleObj">foo</div>

    <script>
      var a = new Vue({
        el: "#app",
        data: { styleObj: { transition: "all 1s linear" } }
      });
    </script>
  </body>
</html>

Here is what I see in Chrome (Version 100.0.4896.127 (Official Build) (arm64)):

enter image description here

I am expecting to see something like:

-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;

Here is the official documentation which states that the auto-prefixing should happen. What am I missing here?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文