关于Vue使用es6模板字符串没反应的问题

最新推荐文章于 2022-07-07 14:57:12 发布
最新推荐文章于 2022-07-07 14:57:12 发布
阅读量1.4k 收藏
点赞数 3
分类专栏： vue es6 文章标签： es6 字符串 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Stead_Fast/article/details/119722029
版权
博客讲述了在Vue项目中遇到GET请求时，使用ES6模板字符串无法正常识别变量的问题。错误做法是用单引号包裹字符串，导致变量未被解析。正确解决方案是改用反引号（`）创建模板字符串，确保变量能够被正确识别并发送到请求中。
摘要由CSDN通过智能技术生成

错误示范

VScode发get请求的地址及参数使用单引号''包裹时，发现${this.keyWord}没有变颜色，跟字符串一个颜色,也就是没有将this.keyWord识别成变量，当成了一般字符串，发请求时带的参数问题请求不到结果

search(){
   
	this.$axios.get('https://api.github.com/search/users?q=${this.keyWord}').then(
		res =>
最低0.47元/天 解锁文章
慕宁儿
关注
专栏目录
关于在Vue组件中es6语法无法使用模板字符串和一些换行符怎么解决的
weixin_45867330的博客
05-22 3074
关于在Vue组件中es6语法无法使用模板字符串和一些换行符怎么解决的 遇到的问题 就是cotent：“RF第一行”，“RF第一行”，“RF第一行”有换行效果。如下：第一行 第二行第三行在一开始的时候，我是用 es6模板字符串实现不了，后面的就用\n 和<br>换行符号，发现不识别，然后用&nbsp 空格符号也不识别，然后就用/xa0这个，虽然识别但是呢，调节不好成换行效果。后面就开始尝试各种办法，听大神说可以使用pre code 实现但是我还是没有实验成功pre``code(后面来补充
ES6中的${}符号不起作用
娃娃菜的博客
03-17 1077
在写一个填色的小玩意儿，发现ES6里的${}不起作用 element.style.boxShadow = '0 0 3px ${color},0 0 10px ${color}' 后来发现是单引号用错了 正确的符号是 ` (键盘上1左边的那个键）而不是 ' element.style.boxShadow = `0 0 3px ${color},0 0 10px ${color...
使用es6模板字符串之后点击事件不生效
zhang_xiao_xie的博客
03-25 3191
1.vue中定义@click不生效 vue中开始我使用的@click绑定方法，显而易见点击是没有触发的。后面百度上很多说使用onclick方式绑定结果还是没有生效。 具体原因为什么 还没有很清楚，感觉应该是因为onclick绑定的事件，并不能在vue实例之中触发吧，然后我又将方法放到了script标签里结果还是没能触发。 最后只能使用原生js获取到需要点击的元素，从而实现点击事件。 //点击的元素。需要确保有创建该元素 let domClick = document.querySelectorAll('
模板字符报错vue.js:634 [Vue warn]: Error compiling template: invalid expression: Unexpected end of input
qq_44859233的博客
12-08 1149
Vue报错如下,解决办法: 不使用模板字符串 <ul :style="{transition:chageStr,transform:'translateX('+currentWidth+'px)'}" v-on:transitionend="transformend"> <li > <img :src="firstImg.src" /> </li> <li v-for="(item, index) in im.
vue中，${todo.title}没法解析
淮水竹亭
03-21 338
尚硅谷vue案例，在做删除功能时，点击删除键，${todo.title}没有解析。 审查网页时没有出现报错信息，最后发现是符号打错了，单引号下{todo.title}没法解析，要换成飘号才行。
【VUE】看完这篇文章能够了解es6特性和vue基础
嗨Sirius
12-13 2274
Vue讲解 1.Vue.js特性简介 什么是Vue.js Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 Vue.js是一个渐进式框架，什么是渐进式？ 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 如果你希望将更多的业务逻辑适用Vue实现，那么Vue有成熟，稳定的核心库和生态系统。 Core+Vue-router+Vuex可以满足你各种各
ES6语法及vue复习
郊眠寺
05-26 249
Vue相关知识 ES6 新特性 1、let 声明变量 <script> // var 声明的变量往往会越域 // let 声明的变量有严格局部作用域         {             var a =&
前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新
热门推荐
MingL520的博客
07-17 8万+
文档描述 本文是关注微信小程序的开发和面试问题， 由基础到困难循序渐进， 适合面试和开发小程序。 并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码 并基于前端进阶和面试的需求 总结了常用插件和js算法 以及html/css和js热点面试题 因为csdn不可以有外链 所以答案链接在评论区！！！ Vue面试题 生命周期函数面试题 1.什么是...
优乐商城04-2 ES6 Vue
m0_45209551的博客
02-24 196
学习目标 会创建Vue实例，知道Vue的常见属性 会使用Vue的生命周期的钩子函数 会使用vue常见指令 会使用vue计算属性和watch监控 会编写Vue组件 掌握组件间通信 了解vue-router使用 0.前言 前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因此今天我们就要来了解一下前端的一些技术，完成前端页面搭建...
2021.10.15使用es6模板字符串的错误
m0_52364694的博客
10-15 194
错误现象：元素不移动 愿意：模板字符串忘了加$ 正确代码：box.style.transform =translate3d(${distance}px,0,0)``
做vue项目时碰到${}显示无效
weixin_42934446的博客
08-03 1649
在做vue项目的时候碰到使用${}的时候使用无效 {{computeTime>0 ? `已发送(${computeTime}s)` : '获取验证码'}} 只需要把引号改成·· 就是esc下面那个符号，应该是叫反引号吧
django 模板中无法实现计算，收集的方案。在django template 中实现乘法，除法运算
THE DOOR IS CHANGING
12-17 2193
用django的divisibleby标签实现，如下：  程序代码     {% for each in somelist %}     {% if forloop.counter0|divisibleby:2 %}          {% else %}          {% endif %}     {% endfor %}
ES6+(二)
weixin_47799089的博客
04-18 179
模板字符串： 1、模板字符串的基本使用 2、模板字符串与一般字符串的区别 模板字符串的注入： 以上的案例中和其他的字符串拼接，使用模板字符串，方便注入。其他情况下使用模板字符串或一 般字符串都行。 3、模板字符串的注意事项 A、输出多行字符串 普通字符串，需要使用\n 、\t等进行换行 模板字符串中，所有的空格、换行或者缩进都会被保留在输出之中 B、输出``和\等特殊字符串 需要转义 箭头函数： 1、什么是箭头函数 A、认识箭头函数 B、箭头函数的结构 C、如何将一般函数改写成箭头函数 2、箭头
自己解决在Vue中动态渲染图片不显示的问题
张浔CSDN
05-12 1万+
乐于助人前言分析思路1. 绝对路径2. 相对路径总结 本篇文章记录的是自己在 Vue-Cli2 中如何去解决的这个问题，心里路程比较多，所以话比较多哈哈，感谢阅读，大概耗时2分钟 前言 如上图所示，我的图片就是储存在了 assets/images/ 目录下 ，但是结果不显示，这个问题其实早就遇到了，当时查阅资料之后就解决了，大概原理也不是很深，解决的方式也并不复杂，所以就没有记录，但是今天写了一个小案例时，这个问题冒出来给我整郁闷了，我怀疑是不是自己记错了解决的方式了，我去查资料，并没有什么问题，最
模板字符串竟然还有这种用法
weixin_34416754的博客
01-04 720
不知道在哪看到了模板字符串作为函数的调用这种用法，开始看到的时候很懵逼，因为原来根本不知道模板字符串还能这么用，也没见过有人这样用过。 doSomething`my name is ${name}` 复制代码后来在MDN上又去看了下模板字符串相关的章节，才知道这个用法是模板字符串的一种高级应用，叫做标签模板。总体来说就是定义一个函数来解析传入的模板字符串。此函数的第一个参数是模板字符串的字符部分组...
Jsp的${}不起作用
JSUITDLWXL的博客
07-07 2071
如下的${}在jsp中被当成字符串输了出来 ${requestScope.hello} 是El失效问题在jsp文件头部添加 这句配置的意思就是一般情况下jsp页面上直接使用El表达式是没有问题的，但如果出现EL表达式无效，可以试试...
vue使用es6模板字符串渲染v-if
最新发布
06-02
在 Vue 中使用 ES6 模板字符串渲染 v-if 与使用 Vue 的模板字符串渲染 v-if 是类似的。 示例代码如下： ```javascript <template> <div> ${show ? `<p>${message}</p>` : ''} </div> </template> <script> export default { data() { return { message: 'Hello World', show: true } } } </script> ``` 在上述示例中，我们使用了 `${}` 语法来插入表达式和变量。在这个例子中，我们在模板字符串中使用了一个三元表达式来控制 `<p>` 元素的显示和隐藏。 当 `show` 的值为 `true` 时，模板字符串将会渲染为 `<p>Hello World</p>`；当 `show` 的值为 `false` 时，模板字符串将会渲染为空字符串。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值