您的位置:首页 > 技术中心 > 前端框架 >

vue.js中怎么拼接字符串

时间:2022-02-11 17:40

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中怎么拼接字符串的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游