语法 – 注释掉Vue模板元素的一部分

2023年2月8日 213次阅读

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

使用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”来进行标记备份(或注释掉整个复制的元素)并继续尝试原始的

最佳答案 我不认为你可以在组件标记中放置HTML注释,原因与你不能在HTML元素开始标记中放置注释的原因相同.在任何一种情况下都不是有效的标记.我认为你最接近的可能是将评论放在引号中：

:disabled="// !isValid"

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

:disabled=""

取决于您的组件是否可以处理丢失的值,这可能符合您的需求.

点赞