(尚043) Vue页面显示错误总结 `xxx`的区别

Posted curedfisher

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(尚043) Vue页面显示错误总结 `xxx`的区别相关的知识,希望对你有一定的参考价值。

1.

技术图片

 

 错误原因:

技术图片

 

 修正页面显示:

技术图片

 

 原理解释:

在.vue文件中下面两种写法, 作用都是跳转到新的导航页,但是一种起效一种写法不起效,请问是什么原因???
location.href = `${list.href}?index=${index}`
location.href = ‘${list.href}?index=${index}‘
注意两个引号的不同

答:你第一个 `` 是es6的语法 用于拼接字符串的 里面的变量则用${xxx} 表示
第二个用的话只能‘xxx‘+变量+‘xxx‘ 用加号拼接

以上是关于(尚043) Vue页面显示错误总结 `xxx`的区别的主要内容,如果未能解决你的问题,请参考以下文章

组件渲染时Vue JS计算属性尚不可用

(尚016)Vue指令(11个自带指令+自定义指令)

尚硅谷Vue3 笔记总结及代码

(尚044) vue编程式路由导航

AtCoder Grand Contest 043 部分题解

(尚030)Vue_案例_存储数据(localStorage本地存储技术)