小编af *_*sta的帖子

vue 显示和隐藏对象属性设计

我不知道如何正确提出这个问题,所以首先对糟糕的标题感到抱歉。

基本上,为了解释这个问题,我使用了我使用 vueJS 构建的 Web 应用程序的上下文。

在这个应用程序中,我有一个使用来自服务器的数据呈现的简单表,基本上我得到一个对象数组,每个对象都有一些属性,属性的范围并不重要。

现在我想在表中显示一些数据,如果某些属性不是来自服务器,我想隐藏表上的属性,但保持表的结构,缺少的属性应该有一个空桌子上的空间。

我是这样做的:

<div :style="{'visibility': computedValue}"></div>
Run Code Online (Sandbox Code Playgroud)

这个计算值基本上是一个计算属性,它返回可见性属性的“隐藏”或“显示”。

但这带来了一些问题;在计算属性上,我根据属性对象返回数据,例如:

company.createdAt可以是未定义的,如果我将可见性与:style.

我来自一个角度的环境,v-if并且v-show都有些不同,我知道,V-如果需要的元素出从DOM和V-节目不断,但在VUE,如果我做上面的例子中的V-表明它仍然可以作为v-if 渲染数据的工作方式就像数据从 DOM 中删除一样。

我只是想要空的空间,就像它仍然存在一样。

对此有任何帮助或解释吗?

javascript vue.js

4
推荐指数
1
解决办法
7391
查看次数

标签 统计

javascript ×1

vue.js ×1