为什么我的内联样式会从我的 vue.js 应用程序中删除？

Question

我在我的 vuejs 应用程序中使用 Talwinid UI 日历 组件。

这条线我有问题：

<div class="col-start-1 col-end-2 row-start-1 grid divide-y divide-gray-100" style="grid-template-rows: repeat(48, minmax(3.5rem, 1fr))">
...

当我的应用程序编译时，内联样式：

style="grid-template-rows: repeat(48, minmax(3.5rem, 1fr))"

...正在被删除。

这是我所看到的顺风游戏。在这个例子中。我已经删除了内联样式属性。正如您将看到的，一天中的所有时间都被压缩在一起。我正试图让他们（和事件）像他们在演示中那样传播开来。

使用开发工具，我可以复制/粘贴内联样式，元素看起来好多了。我查看了我的

.eslintrc.js

文件是否有任何标记内联样式的内容，但没有看到任何内容。与我的

.prettierrc

文件相同。

如何让内联样式属性保留在我的编译代码中？

Answer 1

向下调试

随着您逐渐删除代码的其他部分，该 CSS 样式在哪个阶段不再在处理过程中消失？

向上调试

从空白页开始，仅添加该页。它在处理过程中会被删除吗？

如果是这样，那就是 Tailwind 错误。

如果不是，在向上或向下工作的某个阶段，你会找到罪魁祸首。