最新公告  | 
  • CTRL + D 加入收藏不迷路哦

  • 欢迎您光临码云笔记网,一个关注WEB前端开发的个人技术博客!

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下面的按键)。

效果图如下:

vue.js中如何拼接字符串呢

更多前端开发知识,请查阅 码云笔记 mybj !!

以上就是今天为大家带来的在vue.js中如何拼接字符串?的详细内容,更多前端答疑请关注码云笔记其它相关文章!

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

发表评论