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


Posted in Javascript onJune 19, 2017

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

在data中定义变量:

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

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

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

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

点击按钮出现

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

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

Javascript 相关文章推荐
js去除空格的12种实用方法
Nov 08 Javascript
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
javascript 闭包详解
Feb 15 Javascript
jQuery对象初始化的传参方式
Feb 26 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
Vue自定义指令介绍(2)
Dec 08 Javascript
详解小程序之简单登录注册表单验证
May 13 Javascript
Vue实例的对象参数options的几个常用选项详解
Nov 08 Javascript
在vue中实现echarts随窗体变化
Jul 27 Javascript
vue axios封装httpjs,接口公用配置拦截操作
Aug 11 Javascript
js实现随机数字字母验证码
Jun 19 #Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 #Javascript
AngularJS  ng-repeat遍历输出的用法
Jun 19 #Javascript
ZeroClipboard.js使用一个flash复制多个文本框
Jun 19 #Javascript
AngularJS的ng-click传参的方法
Jun 19 #Javascript
JavaScript队列函数和异步执行详解
Jun 19 #Javascript
JS检测是否可以访问公网服务器功能代码
Jun 19 #Javascript
You might like
PHP类的反射用法实例
2014/11/03 PHP
php学习笔记之基础知识
2014/11/08 PHP
详解PHP中的Traits
2015/07/29 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
2013/09/05 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
2017/02/15 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
js实现限定区域范围拖拉拽效果
2020/11/20 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
[20:30]职业巡回赛回顾
2018/08/09 DOTA
Python模块结构与布局操作方法实例分析
2017/07/24 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
Python字典创建 遍历 添加等实用基础操作技巧
2018/09/13 Python
python实现学员管理系统
2019/02/26 Python
Python 使用元类type创建类对象常见应用详解
2019/10/17 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
详解pytorch中squeeze()和unsqueeze()函数介绍
2020/09/03 Python
关于python scrapy中添加cookie踩坑记录
2020/11/17 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
篮球比赛策划方案
2014/06/05 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书