Rumah  >  Artikel  >  hujung hadapan web  >  vue.js中怎么拼接字符串

vue.js中怎么拼接字符串

coldplay.xixi
coldplay.xixiasal
2020-11-11 09:25:534849semak imbas

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(视频)

Atas ialah kandungan terperinci vue.js中怎么拼接字符串. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:全面解析vue中的nextTickArtikel seterusnya:vue.js中如何定义全局变量

Artikel berkaitan

Lihat lagi