在使用vue编程中,组件里面绑定的事件如果有传入事件名称字符串/字符串参数,比如在路由跳转时
书写成 @click="$router.push('/detail/${item.id}')"
乍一看是没有任何问题的,但实际上却会报错或者无法获得传入正确的id值
为什么会出现这种情况?
用反引号标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。 因为我们没有正确规范的使用语法。在这里我们使用到的字符串称之为**模版字符串.
另外模板字符串中嵌入变量,需要将变量名写在${}之中。
所以上述中代码的正确书写格式为
@click="$router.push(
/detail/${item.id})"