vue.js中怎么拼接字符串?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue.js中怎么拼接字符串?

Vue.js中使用${}实现变量和字符串的拼接

第1步、在data中定义变量(我定义的是comment对象):

export default {

data() {

return {

comment: {

name: '张三',

content: '哈哈哈,Vue.js挺好用的。'

}

}

}

}

第2步、在字符串中使用${}拼接变量

删除

{{comment.name}}说:

{{comment.content}}

export default {

data() {

return {

comment: {

name: '张三',

content: '哈哈哈,Vue.js挺好用的。'

}

}

},

methods: {

del() {

alert(this.comment.name);

if(window.confirm(`确定要删除${this.comment.name}的评论吗?`)) {

//这里省略实现删除的方法

}

}

}

}

注意了 :window.confirm()里不是单引号,而是两个 ` 号(esc下面的按键)。

更多前端开发知识,请查阅 HTML中文网 !!

vue 拼接html,vue.js中怎么拼接字符串?相关推荐

  1. 【JS】JS中数值型字符串相加变成拼接字符串的解决方法

    [JS]JS中数值型字符串相加变成拼接字符串的解决方法 参考文章: (1)[JS]JS中数值型字符串相加变成拼接字符串的解决方法 (2)https://www.cnblogs.com/xsjs/p/1 ...

  2. js中定义用字符串拼接起来的变量名的变量

    转载:https://www.cnblogs.com/vlone/p/4602072.html js中定义用字符串拼接起来的变量名的变量 今天在写js的时候碰到了难题,我又一个页面需要生成很多的变量. ...

  3. js中如何拼接字符串

    JS中有三种字符串连接方式: 第一种方法 , 用连接符"+"把要连接的字符串连起来: str="a"; str+="b"; 第二种方法,   ...

  4. js中如何把字符串转化为对象

    js中如何把字符串转化为对象 例如 var test='{ colkey: "col", colsinfo: "NameList" }' 很明显是一个对象,但如 ...

  5. new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解

    new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解 //获得年月日时分秒 //传入日期// ...

  6. vue 懒人_Vue.js 中的实用工具方法【推荐】

    收集日常开发中常用到的一些工具方法, 包含 vue 的公用过滤器.公用指令等 (PS: 懒人养成记) 公用自定义过滤器 import Vue from 'vue' import moment from ...

  7. js html转义字符串,js中html拼接特殊字符转义

    Html中特殊字符不被转义,可以使用预格式化标签.pre 是 Preformatted text(预格式化文本) 的缩写.使用此标签可以把代码中的空格和换行直接显示到页面上.例如HTML代码: if ...

  8. vue滚动条禁止_vue.js中实现禁止浏览器滚动方法

    大家好,本次在开发项目中,点击按钮,弹出一个自定义的弹出窗口和遮罩层,因为页面的超出一屏,有滚动条,但是想让弹出窗时候,禁止浏览器滚动,那么就简单写一个方法给大家. 思路是这样的,当弹窗弹出时候,让b ...

  9. vue如何在外部js 中 使用this

    ** 1.main.js ** var vue=new Vue({router,store,render: h => h(App) }).$mount('#app')export default ...

最新文章

  1. 百度地图经常崩溃的问题
  2. jmeter csv参数化_性能测试之Jmeter中如何设置参数化数据
  3. java 获取注释_Java面试题Java语言有哪些注释的方式?
  4. THYMELEAF 如何用TH:IF做条件判断
  5. 这十个好习惯助你摆脱消极的态度
  6. 【LeetCode笔记】20.有效的括号(Java、栈) 21. 合并两个有序链表(Java)
  7. 嵌入式课程设计-- 电子时钟
  8. 少儿是先学计算机 还是学机器人,孩子学机器人好还是少儿编程好
  9. STM32官方USB库下载指南
  10. 证明一维热传导方程为抛物型方程
  11. ip类「ABCDE五类」区分和私有ip地址的知识
  12. Japanese Student Championship 2019 Qualification
  13. flash player 11.2 64位 linux,Adobe Flash Player 11.2.202 Beta 1支持 64位操作系统
  14. 局域网限速软件_复工复学活力加倍、办公类软件最低 6 折再来袭!
  15. 如何在Google搜索到我的网站?
  16. 心流:提升幸福的奥秘
  17. plc通讯块FC5、FC6
  18. mysql创建每天执行计划_mysql执行计划
  19. PE钢丝网骨架管的性能优势
  20. 压力测试之stress

热门文章

  1. HashMap是怎么解决哈希冲突的?
  2. 元数据与数据治理:ODS 与 EDW详细解析,不可或缺的应用场景(第十二篇)
  3. INSERT IGNORE
  4. orcale最大连接数,创建EDW表空间,用户创建,授权
  5. linux中chgrp参数,linux chgrp命令参数及用法详解--变更文件或目录的所属群组
  6. c语言选择排序输出指定趟数结果,C语言之选择排序 - 杨源鑫的个人空间 - OSCHINA - 中文开源技术交流社区...
  7. 移花接木—— 再谈javascript中的 call 与 apply
  8. 新手入门 - 详解 frp 内网穿透 frpc.ini 配置
  9. webpack和grunt/glup相比有什么特性?
  10. php斜杠输出转义,php中的转义字符(用反斜杠\来输出,和C语言一样)