当在vuejs中构建时，css中的Attribute -webkit-box-orient不工作吗？

在Vue.js中构建时，CSS中的属性-webkit-box-orient不起作用的原因可能是由于浏览器的兼容性问题。-webkit-box-orient是一个Webkit私有的CSS属性，用于控制Flexbox容器中的子元素的排列方向。

在Vue.js中，CSS属性的兼容性问题通常可以通过添加浏览器前缀或使用autoprefixer等工具来解决。可以尝试添加其他浏览器前缀，如-moz-box-orient和-ms-flex-direction，以确保在不同浏览器中都能正常工作。

另外，还可以检查是否正确引入了Vue.js和相关的CSS文件，并确保没有其他CSS规则覆盖了-webkit-box-orient属性。

如果问题仍然存在，可以尝试使用Vue.js的内联样式或动态绑定的方式来设置元素的样式，例如：

<template>
  <div :style="{ '-webkit-box-orient': 'vertical' }">
    <!-- 内容 -->
  </div>
</template>

这样可以直接通过Vue.js来设置样式，而不依赖于CSS文件中的属性。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。腾讯云云服务器提供了弹性、可靠的云服务器实例，可以用于部署和运行Vue.js应用程序。腾讯云云函数是一种无服务器计算服务，可以用于处理和响应前端请求，可以与Vue.js应用程序进行集成。

腾讯云云服务器产品介绍链接：https://cloud.tencent.com/product/cvm 腾讯云云函数产品介绍链接：https://cloud.tencent.com/product/scf