‘＜template＞‘ cannot be keyed. Place the key on real elements instead

最新推荐文章于 2024-05-21 10:23:42 发布
最新推荐文章于 2024-05-21 10:23:42 发布
阅读量1k 收藏 1
点赞数 3
分类专栏： vue框架小bug 文章标签： java 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/carrycjava/article/details/130382817
版权

原因：

不支持在<template>元素上绑定属性，例如：在以下<template>元素上绑定想要绑定key属性是行不通的

<template v-for="(item, index) in table.columns" :key="index">
        <el-table-column
          :label="item.label"
          :prop="item.prop"
          :width="item.width"
          v-if="item.type == 'slot'"
        >
          <template slot-scope="scope">
            <slot :name="item.slot_name" :row="scope.row" />
          </template>
        </el-table-column>
        <el-table-column
          :label="item.label"
          :prop="item.prop"
          :width="item.width"
          v-else-if="!item.hide"
        ></el-table-column>
      </template>

解决方案：

方案：改用<div>元素

 <div v-for="(item, index) in table.columns" :key="index">
        <el-table-column
          :label="item.label"
          :prop="item.prop"
          :width="item.width"
          v-if="item.type == 'slot'"
        >
          <template slot-scope="scope">
            <slot :name="item.slot_name" :row="scope.row" />
          </template>
        </el-table-column>
        <el-table-column
          :label="item.label"
          :prop="item.prop"
          :width="item.width"
          v-else-if="!item.hide"
        ></el-table-column>
      </div>

酆都大帝-w
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QAM and QPSK MATLAB.zip_QAM modulation_The Signal_qpsk QAM_qpsk
07-15
Quadrature Amplitude Modulator (QAM) in digital communication system, generation of Quadrature Phase Shift Keyed (QPSK or 4-PSK) signal and demodulation. Introduction: The QAM principle: The QAM ...
报错‘＜template v-for＞‘ cannot be keyed. Place the key on real elements instead
热门推荐
The_more_more的博客
05-08 1万+
报错’<template v-for>’ cannot be keyed. Place the key on real elements instead 报错的使用场景 在vue3的项目中，不免会遇到v-if和v-for一起使用，但我们知道，这两个是不可以一起使用的，v-for 具有比 v-if 更高的优先级，所以我们需要把v-for写到template中，但是控制台会提示： '<template v-for>' cannot be keyed. Place the key on r
<template> cannot be keyed. Place the key on real elements instead.
tangxinzhuan
04-10 1万+
<--! 以下代码编译的时候提示错误 --> <template v-for="(m, key) in menus" :key="m.id"> {{m.menuName}} </template> 原因： 不支持在 <template> 元素上绑定属性。比如这里想绑定 key 属性就不行。 解决办法： 改用 <div>...
<template> cannot be keyed. Place the key on real elements instead
Samdom的博客
06-16 1万+
问题源码 <div id="app"> <template v-for="(item,index) of list" :key="item.id"> <div> {{item.text}}----{{index}} </div> </templa...
cannot be keyed. Place the key on real elements instead
seimeii的博客
03-13 2578
<--! 以下代码编译的时候提示错误 --> <template v-for="(item, index) in info" :key="key"></template> 因为 上不能绑定属性，所以会有次错误 尝试将template替换成其他标签
＜template v-for＞‘ cannot be keyed. Place the key on real elements instead
木得是的博客
03-25 5550
如图 代码还是可以运行的，如果不行出现这了“红浪浪”，可将template改为div 如上图所示，就没有“红浪浪”了， 如果各位还有更好的办法，可以一起交流。
keyed_priority_queue
05-09
用法将此添加到您的Cargo.toml ： [ dependencies ]keyed_priority_queue = " 0.3 " 代码示例： use keyed_priority_queue :: {KeyedPriorityQueue, Entry};let mut queue = KeyedPriorityQueue :: new ();// ...
The Verilog Hardware Description Language.pdf
05-24
The Verilog language is a hardware description language that provides a means of specifying a digital system at a wide range of levels of abstraction. The language sup- ports the early conceptual ...
HMAC-Keyed-Hashing for Message Authentication.pdf
06-11
HMAC-Keyed-Hashing for Message Authentication,This document describes HMAC, a mechanism for message authentication using cryptographic hash functions.RFC 2104
add_key_entry.rar_Modified
09-24
Description: This file contains the routines for manipulating keyed entries in text files. These routines do not take NIS into account and they shouldn t do so. Stolen and slightly modified sys-config...
Error compiling template: <template> cannot be keyed. Place the key on real elements instead
lojieo的博客
04-09 1102
<template v-for="item in quarterList" :key="item.id"> <td>{{item.quarterValue}}</td> </template> 原因：vue不支持在 template 元素上绑定属性。比如这里想绑定 key 属性就不行。 解...
‘＜template v-for＞‘ cannot be keyed. Place the key on real elements instead vue/no-v-for-template-key
qq_53956355的博客
03-27 273
【代码】‘＜template v-for＞‘ cannot be keyed. Place the key on real elements instead vue/no-v-for-template-key。
vue中v-for写在template上，加key提示错误
peppa_pig的博客
07-22 4812
vue中v-for写在template上，加key提示错误
jar包增量更新分析
junlaiyan的专栏
05-16 267
借助jdeps分析出jar包的增量文件
SpringBoot接入Knife4j接口文档
博主是个二次元死肥宅~
05-18 698
Knife4j是Java MVC框架集成Swagger生成Api文档的增强解决方案，前身是swagger-bootstrap-ui。
java实现拼图小游戏
monkey108的博客
05-16 628
本文主要提供用java实现的拼图小游戏源代码。
命令执行漏洞（二）
XLbb的博客
05-15 906
POST方法，S2-045-bypass-2漏洞存在！,程序更改为S2-045-bypass-2漏洞测试模式, 响应码: 200。POST方法，S2-046-bypass漏洞存在！POST方法，S2-045-bypass漏洞存在！POST方法，S2-046-1漏洞存在！POST方法，S2-046-2漏洞存在！POST方法，S2-046-3漏洞存在！POST方法，S2-045-1漏洞存在！POST方法，S2-045-3漏洞存在！POST方法，S2-045-2漏洞存在！POST方法，S2-045-4漏洞存在！
SpringBoot Validation自定义注解之校验指定最小整数
最新发布
thinkers
05-21 26
1，引入核心关键依赖。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值