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中如何拼接字符串?的详细内容,更多前端答疑请关注码云笔记其它相关文章!
1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » vue.js中如何拼接字符串呢?
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » vue.js中如何拼接字符串呢?