VUE
-
正确找到VUE的官方文档,肯定不是你搜到的v3.cn.vuejs.org
其实此前我也不知道VUE3有新版文档,也是经过老师提醒才知道的。 一般流程 一般情况下,我们可能会通过搜索引擎搜索VUE,如下 这时候我们很自然的点击进入第二个结果,VUE.js官网 进入官网,顶部醒目的说明这是VUE2的文档,要进入VUE3请点击跳转 点击随后跳转至https://v3.cn.vuejs.org/ 如下所示 那么,这是VUE3的最新文档了吗…
-
VUE Elements报Elements in iteration expect to have ‘v-bind:key’ directives解决办法
如下图所示,编辑器报错,但是前端能正常运行。 VUE中是简单这样示例的,但是实际上应该加上:key
123<div v-for="item in items">{{ item.text }}</div>加上之后,上面的代码变成
12345678910111213141516171819202122<el-table-column prop="financial_money_received" width="120" align="center" sortable label="实收金额"><template #default="scope"><el-popover effect="light" trigger="hover" placement="top" width="auto"><template #default><div v-if="scope.row.temp_financial_money_received ==null">查无记录</div><div v-else-if="scope.row.temp_financial_money_received.length === 0">查无记录</div><div v-else><div v-for="(item,index) in scope.row.temp_financial_money_received" :key="index">{{ item.date }}</div></div></template><template #reference><el-tag>{{ scope.row.financial_money_receivable }}</el-tag></template></el-popover></template></el-table-column>因为的元素中,并没有KEY字段,所以要引用一个索引作为KEY,当然,如果你有KEY,直接以对应KEY即可。
-
VUE中,如何用v-if判断为空或者为[]{}情况
因为项目调整,原来是layui的,该字段此前并没有使用json数据,所以要么为空,要么为字符串。 升级后,项目使用VUE+element,这个字段也升级成为json数据或者为空的[]。 那么,在列表中,要如何呈现呢? 直接上代码
1234567891011121314151617181920<el-table-column prop="financial_money_received" width="120" align="center" sortable label="实收金额"><template #default="scope"><el-popover effect="light" trigger="hover" placement="top" width="auto"><template #default><div v-if="scope.row.temp_financial_money_received ==null">查无记录</div><div v-else-if="scope.row.temp_financial_money_received.length === 0">查无记录</div><div v-else><div> {{ scope.row.temp_financial_money_received }}</div></div></template><template #reference><el-tag>{{ scope.row.financial_money_receivable }}</el-tag></template></el-popover></template></el-table-column>第一个判断,先判断是否是老数据的null,也就是为空[crayon…