vue 拼接html,vue.js中怎么拼接字符串?
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中怎么拼接字符串?相关推荐
- 【JS】JS中数值型字符串相加变成拼接字符串的解决方法
[JS]JS中数值型字符串相加变成拼接字符串的解决方法 参考文章: (1)[JS]JS中数值型字符串相加变成拼接字符串的解决方法 (2)https://www.cnblogs.com/xsjs/p/1 ...
- js中定义用字符串拼接起来的变量名的变量
转载:https://www.cnblogs.com/vlone/p/4602072.html js中定义用字符串拼接起来的变量名的变量 今天在写js的时候碰到了难题,我又一个页面需要生成很多的变量. ...
- js中如何拼接字符串
JS中有三种字符串连接方式: 第一种方法 , 用连接符"+"把要连接的字符串连起来: str="a"; str+="b"; 第二种方法, ...
- js中如何把字符串转化为对象
js中如何把字符串转化为对象 例如 var test='{ colkey: "col", colsinfo: "NameList" }' 很明显是一个对象,但如 ...
- new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解
new Date将字符串转化成日期格式 兼容IE,ie8如何通过new Date将字符串转化成日期格式,js中如何进行字符串替换, replace() 方法详解 //获得年月日时分秒 //传入日期// ...
- vue 懒人_Vue.js 中的实用工具方法【推荐】
收集日常开发中常用到的一些工具方法, 包含 vue 的公用过滤器.公用指令等 (PS: 懒人养成记) 公用自定义过滤器 import Vue from 'vue' import moment from ...
- js html转义字符串,js中html拼接特殊字符转义
Html中特殊字符不被转义,可以使用预格式化标签.pre 是 Preformatted text(预格式化文本) 的缩写.使用此标签可以把代码中的空格和换行直接显示到页面上.例如HTML代码: if ...
- vue滚动条禁止_vue.js中实现禁止浏览器滚动方法
大家好,本次在开发项目中,点击按钮,弹出一个自定义的弹出窗口和遮罩层,因为页面的超出一屏,有滚动条,但是想让弹出窗时候,禁止浏览器滚动,那么就简单写一个方法给大家. 思路是这样的,当弹窗弹出时候,让b ...
- vue如何在外部js 中 使用this
** 1.main.js ** var vue=new Vue({router,store,render: h => h(App) }).$mount('#app')export default ...
最新文章
- 百度地图经常崩溃的问题
- jmeter csv参数化_性能测试之Jmeter中如何设置参数化数据
- java 获取注释_Java面试题Java语言有哪些注释的方式?
- THYMELEAF 如何用TH:IF做条件判断
- 这十个好习惯助你摆脱消极的态度
- 【LeetCode笔记】20.有效的括号(Java、栈) 21. 合并两个有序链表(Java)
- 嵌入式课程设计-- 电子时钟
- 少儿是先学计算机 还是学机器人,孩子学机器人好还是少儿编程好
- STM32官方USB库下载指南
- 证明一维热传导方程为抛物型方程
- ip类「ABCDE五类」区分和私有ip地址的知识
- Japanese Student Championship 2019 Qualification
- flash player 11.2 64位 linux,Adobe Flash Player 11.2.202 Beta 1支持 64位操作系统
- 局域网限速软件_复工复学活力加倍、办公类软件最低 6 折再来袭!
- 如何在Google搜索到我的网站?
- 心流:提升幸福的奥秘
- plc通讯块FC5、FC6
- mysql创建每天执行计划_mysql执行计划
- PE钢丝网骨架管的性能优势
- 压力测试之stress
热门文章
- HashMap是怎么解决哈希冲突的?
- 元数据与数据治理:ODS 与 EDW详细解析,不可或缺的应用场景(第十二篇)
- INSERT IGNORE
- orcale最大连接数,创建EDW表空间,用户创建,授权
- linux中chgrp参数,linux chgrp命令参数及用法详解--变更文件或目录的所属群组
- c语言选择排序输出指定趟数结果,C语言之选择排序 - 杨源鑫的个人空间 - OSCHINA - 中文开源技术交流社区...
- 移花接木—— 再谈javascript中的 call 与 apply
- 新手入门 - 详解 frp 内网穿透 frpc.ini 配置
- webpack和grunt/glup相比有什么特性?
- php斜杠输出转义,php中的转义字符(用反斜杠\来输出,和C语言一样)