vue.js中如何拼接字符串呢?
vue.js 中如何拼接字符串呢?本篇文章将会为新入行的小伙伴提供参考价值,希望对大家有所帮助。
vue.js 中如何拼接字符串呢?
Vue.js 中使用${}实现变量和字符串的拼接
第 1 步 在 data 中定义变量(我定义的是 comment 对象):
export default { data() { return { comment: { name: '张三', content: '哈哈哈,Vue.js 挺好用的。' } } } }
第 2 步 在字符串中使用${}拼接变量
<template> <li class="list-group-item"> <div class="handle"> <a href="javascript:;" @click="del">删除</a> </div> <p class="name"><span>{{comment.name}}</span><span>说:</span></p> <p class="content">{{comment.content}}</p> </li> </template> <script> export default { data() { return { comment: { name: '张三', content: '哈哈哈,Vue.js 挺好用的。' } } }, methods: { del() { alert(this.comment.name); if(window.confirm(`确定要删除${this.comment.name}的评论吗?`)) { //这里省略实现删除的方法 } } } } </script>
这里需要注意了 :
window.confirm()里不是单引号,而是两个 ` 号(esc 下面的按键)。
效果图如下:
更多前端开发知识,请查阅 码云笔记 mybj !!
以上就是今天为大家带来的在 vue.js 中如何拼接字符串?的详细内容,更多前端答疑请关注码云笔记其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » vue.js中如何拼接字符串呢?
码云笔记 » vue.js中如何拼接字符串呢?