VueJS渲染一次元素

Question

是否可以只渲染一次元素？

假设我有一个contenteditable div，并且只想渲染第一个值，然后在模型更改时停止重新渲染。这里只会呈现variable的初始值。

<div contenteditable="true"> {{variable}} </div>

Answer 1

使用<TestCase name="TestCase2" UID="06a4df3b-f072-4f70-a5c3-f0f2ea95654c" State="Che cked" DataSourceId="" />

v-once

您也可以使用<div contenteditable="true" v-once> {{variable}} </div> 包裹它：

<span>

参考文献：
https://vuejs.org/v2/guide/components.html#Cheap-Static-Components-with-v-once https://vuejs.org/v2/api/#v-once

或者其他解决方案只是克隆<div contenteditable="true"> <span v-once> {{variable}} </span> </div> 并且不要修改它，例如，如果你将其称为variable：

readOnlyVariable