vue.js中怎么拼接字符串

coldplay.xixi
coldplay.xixi 原创
2020-11-30 16:13:53 3892浏览

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

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

【相关文章推荐:vue.js

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

在data中定义变量:

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

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

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

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

点击按钮出现

b05580c19db958fea1256f1276eea2e.png

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

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

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