我应该使用内联样式吗?

这更多是一个“理论”问题,而不是我遇到的实际问题。

   <template>
                                    <div class="error" style="position:absolute;left: 45%;color: red"
                                         v-if="!$v.details.url.required && submitError">Field is required
                                    </div>
                                    <small>URL</small>
                                    <b-input :disabled="!is_admin" v-model="details.url"></b-input>
                                </template>

为了清楚起见(这可能会导致不同的答案,而不是我看到的原因),我在Vue.JS中编写 但对于Angular或React,我也会这样做。

我的问题是。

编写代码时应该如何使用内联样式。 有时,我需要对元素进行一些小的调整(从上面的代码中看到的同时具有类和样式)。 这些调整不需要整个CSS类,在其他任何地方都不会再次使用它们。 我是否为每个小的更改都编写了一个类(即使我试图编写一个满足所有要求的真正通用的类时) 我会有一个巨大的肿部分,即使在包含的组件中也往往难以遍历。 如果我将样式作为组件中的对象编写,我最终会遇到太多无法处理的对象,而我又迷失了方向。

我会尽可能地编写类,并且会使用绑定到模板的样式对象 但最终我得到了很多小的内联样式代码。

这是不良行为吗?有没有更好的方法来处理所有这些小的调整?还是更好,更清洁的方式将它们写下来? 我是否应该坚持编写仅在单个dom元素上使用的小型无意义类?还是写这样的东西不如感觉的那么糟糕?每当我使用'style'属性时,我都会觉得自己像个罪人,这让我发疯

评论