是否可能有一个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相关问答推荐

使用项目和字段,列跨度为 2 的 Bootstrap-vue 表

如何在 Nuxt3 中使用 nuxtjs/auth-next 模块?

vuex 未知动作类型:addTodo

使用 nuxt.js 组件自动导入对性能不利吗?

Vuetify 扩展面板,面板标题左侧带有图标

如果 Vuetify 自动完成没有匹配的结果,则保留输入的文本

VueJS - 将单独的组件加载到 vue 实例中

使用 v-slot:body 时 Vuetify v-data-table 没有响应

使用 vuex 更新数据

Vue.js 中的 mount挂载是什么意思?

ECMA6 中 nameFunction() {} 和 nameFunction () => {} 的区别

如何将 Nuxt.js 更新到最新版本

如何将 vuetify 2.0 beta 安装到新的 vue cli 项目中?

全局禁用 vuetify 组件的涟漪效应

vuetify:以编程方式显示对话框

Vue 组件 Vue-Instant

vue 3 使用 Vuex 和路由的服务器端渲染

找不到模块 'babel-core' 但已安装 @babel/core

Vuetify 离线文档

将它们分开时将 Django 的 csrf_token 放入 Vuejs