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中如何拼接字符串？的详细内容，更多前端答疑请关注码云笔记其它相关文章！