注释掉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=""

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