首页 > 其他分享 >反单引号 使用问题

反单引号 使用问题

时间:2024-07-25 11:29:21浏览次数:7  
标签:嵌入 单引号 detail click 问题 使用 字符串 id

在使用vue编程中,组件里面绑定的事件如果有传入事件名称字符串/字符串参数,比如在路由跳转时
书写成 @click="$router.push('/detail/${item.id}')"
乍一看是没有任何问题的,但实际上却会报错或者无法获得传入正确的id值


为什么会出现这种情况?

用反引号标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。 因为我们没有正确规范的使用语法。在这里我们使用到的字符串称之为**模版字符串.

另外模板字符串中嵌入变量,需要将变量名写在${}之中
所以上述中代码的正确书写格式为
@click="$router.push(/detail/${item.id})"

标签:嵌入,单引号,detail,click,问题,使用,字符串,id
From: https://www.cnblogs.com/backeast/p/18322616

相关文章

  • github的简单使用方法
    想要把代码托管到github上面,之前没有用过,简单记录一下:注册github账号注册github账号,这个使用邮箱就能注册,比较方便。安装git1.下载git安装包 进入官网Git(git-scm.com)下载对应版本就行2.安装通常全部点击下一步就行了3.创建密钥对右键点击OpenGitguihere-->help-->......
  • 字符串的相关案例和string库函数的使用
    字符串的存储特性:在存储过程中字符串都会在末尾自动添加一个结尾标志符\0                 来表示字符串结束字符串的定义方式有两种:方式一:利用字符数组+双引号的方式定义字符串例如:charstr[4]=“abc”;注意:这里的数组长度要么......
  • 如何使用DataFrameMapper删除特定列中具有空值的行?
    我正在使用sklearn-pandas.DataFrameMapper来预处理我的数据。我不想输入特定列。如果此列是Null,我只想删除该行。有没有办法做到这一点?虽然DataFrameMapper没有内置方法来删除具有空值的行,但你可以通过在DataFrameMapper管道之前使用P......
  • CI3使用加载类
    加载器类加载器,顾名思义,是用于加载元素的,加载的元素可以是库(类),视图文件 , 驱动器 ,辅助函数 , 模型 或其他你自己的文件。 应用程序包目录结构 /application/third_party/foo_bar//文件夹可选config/helpers/language/libraries/models/views/  读取视图......
  • VUE 排查400 (Bad Request)和解决这个问题
    排查400(BadRequest)和解决这个问题,可以按照以下步骤进行:检查URL和端点:确保URLhttp://127.0.0.1:8008/basicApp/BS037HModel/是正确的,并且该端点在服务器上存在。检查请求参数:确认发送请求时的任何参数都是正确的,包括查询参数、请求体和头部信息。检查后端错误日志:查......
  • Django get_or_create和update_or_create 的作用和使用
    Djangoget_or_create和update_or_create的作用和使用:get_or_create和update_or_create是Django中的两个有用的方法,用于在数据库中获取或创建记录。如果记录不存在,则创建它们;如果存在,则返回现有记录。这两个方法帮助简化了避免重复记录的逻辑,并提供了一种简洁的方法来更新......
  • 使用mybatis-plus拦截器MybatisPlusInterceptor进行分页查询案例
    在MyBatis-Plus中,分页功能通常是通过配置MybatisPlusInterceptor(或其前身PaginationInterceptor)来实现的,这是一个全局的拦截器,用于拦截MyBatis的SQL执行,并在其中添加分页逻辑。以下是一个使用MybatisPlusInterceptor进行分页查询的案例:添加依赖<dependencies><de......
  • 无法将两个字节从 pi 5 主设备发送到从设备 arduino mega(使用 smbus2 库)
    因此,我尝试使用smbus2库中的write_byte函数,并成功使用RaspberryPi5中的该函数来打开和关闭连接到ArduinoMega的LED。我的项目涉及3RPS平行轴机械手由3个步进器控制,我正在通过Pi5使用计算机视觉进行数据采集,计算我希望每个机械手电机达到的必要速度......
  • 使用 @Audited 增强Spring Boot 应用程序的数据审计能力
    介绍在SpringBoot开发的动态世界中,确保数据完整性和跟踪变化是至关重要的。实现这一目标的一个强大工具是@Audited注解。本文深入探讨了该注解的复杂性、其目的、实现步骤以及如何利用其功能进行有效的实体审计。理解@AuditedSpringBoot中的@Audited注解用于审计实体,提供对数......
  • ProcessPoolExecutor 的递归使用挂起
    问题我尝试将aProcessPoolExecutor与递归调用一起使用,但它不起作用。我在下面创建了一个最小的示例fromconcurrent.futuresimportProcessPoolExecutorfromtimeimportsleepexecutor=ProcessPoolExecutor()i=3deftest():globaliprint(......