vue.js中怎么拼接字符串?

vue.js中怎么拼接字符串?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue.js中怎么拼接字符串?

Vue.js中使用${}实现变量和字符串的拼接

第1步、在data中定义变量(我定义的是comment对象):

<script>
export default {
    data() {
        return {
            comment: {
                name: '张三',
                content: '哈哈哈,Vue.js挺好用的。'
            }
        }
    }
}
</script>

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

1.png

更多前端开发知识,请查阅 HTML中文网 !!

以上就是vue.js中怎么拼接字符串?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏