vue中如何实现变量和字符串拼接

Posted on Posted in 时事八卦, 最新资讯

这篇文章主要介绍了vue中如何实现变量字符串拼接,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

整理文档,搜刮出一个vue中如何实现变量和字符串拼接的代码,稍微整理精简一下做下分享。

在data中定义变量

data() {
  return {
    a: 'A'
  }
}

如何通过按钮点击实现字符串和变量a的拼接呢?

<button @click='showMsg'></button>
//vue
methods: {
  showMsg() {
    alert(`获取了${a}`);
  }
}

注意alert()里不是单引号,而是两个 ` 号(esc下面的按键)。

点击按钮出现

vue中如何实现变量和字符串拼接

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

以上就是vue中如何实现变量和字符串拼接的详细内容,更多请关注php中文网其它相关文章!

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.php.cn/js-tutorial-371330.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注