代码之家 › 专栏 › 技术社区 › adam78

虚拟用户.js-带三元运算符的v-if vs v-text?

vuejs2

adam78 · 技术社区 · 6 年前

如果可以在v-text中使用三元,那么使用v-if有什么意义?

例如

<span v-text="data.value ? data.value : '-'"></span>

<span v-if="data.value" v-text="data.value"></span>
<span v-else >-</span>

第一种使用较少的标记。

2 回复 | 直到 6 年前

jarrodwhitley Josh Beam 4 年前

在我看来,使用三元法是最好的解决办法。你应该使用 v-if 如果要显示不同的内容或其他组件。

<div class="searchResults" v-if="data.results.length">
    <!-- show results -->
</div>
<div class="useful-links" v-else>
    <!-- Show some useful links, useful information or even adds when no results are found -->
</div>

WhosDustin 6 年前

v-if 当您要从DOM中添加或删除元素时使用。使用三元运算符甚至 v-show 将保留DOM中的元素并切换内容是否显示。

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

2 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

3 年前

roev · 大堆来自(物体)。forEach不使用vue。js

3 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

6 年前

Ready Dev · Axios一次发出多个请求(vue.js)

6 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

6 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

6 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

6 年前

Tim · VueJS-迭代从AJAX调用返回的数据

6 年前