syntax - 注释掉一部分Vue模板元素

Question

有时需要将某些元素属性注释掉而不必记住它，以便在一些测试后快速恢复它。

使用 HTML 注释语法可以注释掉整个元素

<div>
    <!-- <h2>Hello</h2> -->
    <span>hi</span>
</div>

但是，这不适用于单个属性(导致渲染错误)

<my-comp id="my_comp_1"
         v-model="value"
         <!-- :disabled="!isValid" -->
         @click="handleClick">
</my-comp>

我之前看到和使用的最好方法是通过复制整个元素和设置来制作标签备份 v-if="false"为它(或注释掉整个复制的元素)并继续尝试原始元素

Answer 1

我认为您不能在组件标签中放置 HTML 注释，原因与您不能在 HTML 元素开始标签中放置注释的原因大致相同。在任何一种情况下，它都不是有效的标记。我认为您最接近的是将评论放在引号中:

:disabled="// !isValid"

这将产生与以下相同的效果:

:disabled=""

根据您的组件是否可以处理丢失的值，这可能适合您的需求。