Vue.js中使用${}實現變量和字符串的拼接

 

<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>

————————————————
原文鏈接：https://blog.csdn.net/qq15577969/article/details/89311252