首页 > web前端 > js教程 > vue中如何实现变量和字符串拼接

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

陈政宽~
发布: 2018-05-24 10:02:56
原创
5042 人浏览过

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

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

在data中定义变量

data() {
  return {
    a: 'A'
  }
}
登录后复制

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

<button @click=&#39;showMsg&#39;></button>
//vue
methods: {
  showMsg() {
    alert(`获取了${a}`);
  }
}
登录后复制

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

点击按钮出现


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

以上是vue中如何实现变量和字符串拼接的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
Python字符串转大小写问题
来自于 1970-01-01 08:00:00
0
0
0
javascript - HTML字符串排版
来自于 1970-01-01 08:00:00
0
0
0
linux - vim中查找字符串
来自于 1970-01-01 08:00:00
0
0
0
按换行符将字符串拆分成多行。
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板