Vue报错Interpolation inside attributes has been removed.解决方法_Dream_飞翔的博客-程序员秘密

技术标签: BUG及问题的解决  java  web  vue  


一、报错问题

基于Vue开发项目时,需要用到v-for循环来循环遍历生成组件,在写好内容后保存运行时之后出现了这样的报错,将问题解决后在此留下记录,供日后回过头来复习
在这里插入图片描述
在这里插入图片描述

报错时的代码如下
在这里插入图片描述


二、解决方法

HTML标签中使用到插值表达式的属性加一个:{ {}}去掉即可
在这里插入图片描述
运行结果
在这里插入图片描述


总结

Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead.这样的错误的原因是系统在提示我们属性内的插值已被删除,要改用v-bind或者冒号来进行简写,因此在用到插值表达式的属性前加上:和将{ {}}去掉即可,同时也了解了在Vue里面标签的属性中不能直接使用插值表达式
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_48455576/article/details/119857163

智能推荐

CTSC——APIO 2018 总结_weixin_30345577的博客-程序员秘密

长达几天的北京之旅大约2:00 到达宾馆,到了房间之后就去试机了。(至于分配房间时的种种混乱,我由于没有事先跟同学说好配对,并没有什么关系)迈进北京第八十中学的大门,我心情不错。可惜由于校园挺大,我在学校里稍稍迷了路,耽搁了15分钟。试机时一切正常,试机时的键盘打字也挺舒服。晚饭时,我想着明天的CTSC Day 1,咀嚼着有嚼劲的面条,充满了信心。第二天,我...

Java web对试卷进行单选多选答题进行打分_知识竞赛答题活动小程序_weixin_39869733的博客-程序员秘密

想扫码体验的同学,可以直接移步这篇文章了解下小肥羊:如何搭建一套知识竞赛答题活动小程序​zhuanlan.zhihu.com前言:这几天在公司闲闲无事,恰好团队有通过在线考试的需求,于是自发撸了一个简单的考试类微信小程序。 纯前端,数据写好在data.json文件里,每一次考试结果利用缓存存储。一、 试题数据 新建小程序项目时,我们看到已经有index和logs页,先不要管他。我们新增一个和pag...

当你迷茫时,你可以看看这14条建议_人人都是产品经理V的博客-程序员秘密

———— / BEGIN / ————这次的文章换一个写法,用list的形式,将自己这几年的一些感悟和收获列出来,与大家交流和分享。今天,先发布“上篇”,列出14条。未来...

‘Cursor‘ object has no attribute ‘excute‘_weilansky91的博客-程序员秘密

一个未解决问题在做连接数据库插入操作时,用此方法试了很久,不清楚为什么一直报错,代码如下:sql='insert into jy(uid,price,createtime) values (%s,%s,"%s") ' % ('1',1.28,'2020-01-09')print (sql)cursor.excute(sql)目前还不清楚原因,也没查出来合理解释,留此记录,以后继续深究。...

jquery页面加载ajax请求,jquery ajax 加载页面_专注课程教学的博客-程序员秘密

各位大虾的方法都不错,给我加深了理解。基本的方法都是一样的……问题已经解决,通俗一点说就是用了遮罩的效果//查询航班$("#waiting").ajaxStart(function() {// $(this).html("正在查询,请稍候...");$("#pageA").css("display", "none");$("#pageB").css("display", "block...

IDEA配置码云Gitee的使用详解_idea gitee_wh柒八九的博客-程序员秘密

本文来详细说下IDEA配置码云Gitee的使用文章目录码云gitee是什么码云gitee是什么GitHub和码云均基于Git,所以两者的操作方法基本一致,只需要学习其中一种即可。GitHub与码云均提供免费的代码仓库。GitHub免费版只能创建公开的项目,私有项目需要付费,截止本文发布时,服务费用是$7.00;码云免费版支持5人以下的组织,可以创建私有项目。码云:https://gitee.com/ GitHub:https://github.com由于GitHub是.

随便推点

ImageView显示视频的第一帧图片&&VideoView视频播放_张行之的博客-程序员秘密

ImageView显示视频的第一帧图片&&VideoView视频播放我们在播放视频时,为了增强用户体验,在视频未播放时,需要显示视频的第一帧图片,增强用户体验。效果如图:在android中系统提供了一个类MediaMetadataRetriever,可以帮我们获取视频的第一帧数据,当然,其他帧图片也是可以获取的。下面来看具体代码:布局文件:<?xml version="1.0" encoding="

SeleniumUI自动化测试错误总结_"2023/3/13 9:11plugin error: plugin \"selenium ui _sinat_36670490的博客-程序员秘密

1、mavn整合TestNg测试框架执行mvn test 测试无反应参考https://www.jianshu.com/p/147a676cb9ab我把自己的代码修改了一遍还上不行,结果修改了一下插件版本就突然正常运行了,纳尼?org.apache.maven.pluginsmaven-surefire-plugin2.22.2testng.xml &lt;/configuration&gt; &lt;/plugin&gt;...

php 获取第一个图片地址,获取文本中第一张符合尺寸的图片地址_林伯权的博客-程序员秘密

可以preg_match_all 获取所有图片地址, 循环判断直到找到合要求的图片解决!但是我想在找到第一张图片时就立即判断,不符合就找第二张再判断,怎么解决比较有效率呢? 或者说全部匹配再循环根本就没问题?回复讨论(解决方案)参见preg_match参见preg_matchpreg_match只能获取第一张图片地址, 但是若该张图片不符合尺寸时, 如何获取第二张图片?preg_match 不是可...

痞子衡嵌入式:恩智浦i.MX RT1xxx系列MCU外设那些事(2)- 百变星君FlexRAM_rizon886的博客-程序员秘密

  大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家介绍的是恩智浦i.MX RT1xxx系列MCU的FlexRAM外设。  本文是外设系列第二篇,上一篇讲的是离内核最近的高速缓存L1 Cache,今天咱们聊离内核第二近的静态内存SRAM。众所周知,i.MXRT系列内部没有非易失性存储器,但内部SRAM还是必备的,这个SRAM可用于存放data、Stack、Heap段或者Non-XIP代码text段等。我们知道Cortex-M7架构引入了TCM属性的静态内存,以Cortex-M7为内核的i...

VC++环境下菜单和工具栏的动态修改技术 (转)_congmi8078的博客-程序员秘密

VC++环境下菜单和工具栏的动态修改技术 (转)[@[email protected]]VC++环境下菜单和工具栏的动态修改技术  Visual C++是一种可视化很强的编程工具,其内置的向导AppWizard可以自动生成程序的基本框架,减少了...

curl命令详解_curl -o -o_GeorgeChen93的博客-程序员秘密

Linux curl命令详解命令:curl在Linux中curl是一个利用URL规则在命令行下工作的文件传输工具,可以说是一款很强大的http命令行工具。它支持文件的上传和下载,是综合传输工具,但按传统,习惯称url为下载工具。语法:# curl [option] [url]常见参数:-A/--user-agent &amp;lt;string&amp;gt;              ...

推荐文章

热门文章

相关标签