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

a36076e0bd46cd54f116e6f0eaee932c.png

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

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

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

export default {

data() {

return {

comment: {

name: '张三',

content: '哈哈哈,Vue.js挺好用的。'

}

}

}

}

第2步、在字符串中使用${}拼接变量

删除

{{comment.name}}说:

{{comment.content}}

export default {

data() {

return {

comment: {

name: '张三',

content: '哈哈哈,Vue.js挺好用的。'

}

}

},

methods: {

del() {

alert(this.comment.name);

if(window.confirm(`确定要删除${this.comment.name}的评论吗?`)) {

//这里省略实现删除的方法

}

}

}

}

注意了 :window.confirm()里不是单引号,而是两个 ` 号(esc下面的按键)。

20d1f034b5cf66ff041fcd70668f1162.png

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

Logo

前往低代码交流专区

更多推荐