首页  >  文章  >  web前端  >  vue.js中怎么拼接字符串

vue.js中怎么拼接字符串

coldplay.xixi
coldplay.xixi原创
2020-11-11 09:25:534890浏览

vue.js中拼接字符串的方法:首先在data中定义变量,代码为【data(){return{a: 'A'}}】;然后通过按钮点击实现字符串和变量a的拼接,代码为【ed8a9f3ce194f06ff8b339618223e81565281c5ac262bf6d81768915a4a77ac0】。

vue.js中怎么拼接字符串

本教程操作环境:windows10、vue2.5.2,本文适用于所有品牌的电脑。

【相关文章推荐:vue.js

vue.js中拼接字符串的方法:

在data中定义变量:

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

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

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

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

点击按钮出现

b05580c19db958fea1256f1276eea2e.png

相关免费学习推荐:JavaScript(视频)

以上是vue.js中怎么拼接字符串的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn