Html （VueJS）在没有显示内容时如何删除提示

我的VueJS代码有一个小问题，在“输出：压缩的GS1数字链接URI”部分，您可以看到“{compressedGitalLink}”

当我点击绿色按钮“Compressed”时，{{compressedDigitalLink}}部分被结果替换。

但是在初始化时，没有输入，所以没有输出，这就是为什么输出部分被替换为“{compressedDigitalLink}”。当输入为空时，如下图所示，如何删除它？

我想我应该放一个if语句，只有在有什么东西的情况下才显示结果。类似于“v-if{{{compressedDigitalLink}}==0，不显示任何内容”

这是我目前的代码：

<input id="uncompressedDigitalLinkInput" class="digitalLink" type="text" v-model="uncompressedDigitalLinkInput">
<td class="charCount">{{uncompressedDigitalLinkInput.length}}</td>

{{uncompressedGitalLinkInput.length}

你觉得怎么样

---

感谢您的帮助：）

从您的问题和您发布的内容来看，您不需要任何if声明。当未压缩的GitalLinkInput在数据中且为空时，它不会显示在输入文本框中，因为它在v型中。是的，

v-if

将有助于不显示任何内容。屏幕截图似乎是一个文本框，但代码示例是一个

td

，你能纠正吗？与其再次发布同一个问题，你应该编辑以包含所有相关信息。从你的问题，从你发布的内容来看，不清楚，你不需要任何if语句。当未压缩的GitalLinkInput在数据中且为空时，它不会显示在输入文本框中，因为它在v型中。是的，

v-if

将有助于不显示任何内容。屏幕截图似乎是一个文本框，但代码示例是一个

td

，您能纠正吗？与其再次发布相同的问题，您只需编辑以包含所有相关信息。