是否可能有一个if/else语句,它不会在类似于knockout的视图中呈现任何html:

<!-- ko if: someExpressionGoesHere -->

推荐答案

但它需要在一个元素上

是的,但如果v-if conditional为false,则不会将其添加到DOM树中.

HTML

<div id="main"></div>

JavaScript

new Vue({
    el: "#main",
    template: '<div v-if="name"><span v-text="name"></span></div>',
    data: {
//        name: "bob"
    } 
});

console.log(document.body.innerHTML);
// <div id="main"><!--vue-if--></div>

还是对你不好?

Vue.js相关问答推荐

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义?

将 v-calendar 与以时间和日期格式出现的事件一起使用

Vue 3 如何通过多个组件传递插槽

vue3 + pinia:如何从?store 中获取一个值

Svelte 中的简单react 性实验以意想不到的方式失败了. Vue 等效项没有

纵横比元素溢出容器

两个div元素之间的vue2过渡

Nuxt.js 中的开发工具样式编辑问题

在keyup Vuejs 2上获取输入值

Laravel Vue - 如何让 vue 在公共文件夹中查找图像

如何为使用 Vuex store的 Vue 表单组件编写 Jest 单元测试?

使用 Vue.js (cdn) 在特定元素上切换显示/隐藏

Vue.js 如果在视图中

如何在 vue 3 中获取路由的参数?

如何在某些路由上隐藏全局组件(例如导航栏)?

Select 下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入?

删除一行后刷新 Bootstrap-Vue 表

vue组件中导入和使用three.js库

Vue Chart.js - 条形图上的简单点/线

beforeCreate 挂钩中的 Vue 2.1 调用方法不起作用