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 parseInt(&quot;08&quot;)未指定进位制问题
Jun 19 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
Dec 24 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
Vue项目中使用Vux的安装过程
May 01 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
使用Webpack 搭建 Vue3 开发环境过程详解
Jul 28 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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
PHP5常用函数列表(分享)
2013/06/07 PHP
PHP 转义使用详解
2013/07/15 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
php通过curl模拟登陆DZ论坛
2015/05/11 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
2015/11/05 Javascript
整理Javascript函数学习笔记
2015/12/01 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
Python修改Excel数据的实例代码
2013/11/01 Python
c++生成dll使用python调用dll的方法
2014/01/20 Python
Python3中多线程编程的队列运作示例
2015/04/16 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
详解python之协程gevent模块
2018/06/14 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
python实现的登录与提交表单数据功能示例
2019/09/25 Python
Django ModelForm组件原理及用法详解
2020/10/12 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
印尼旅游网站:via
2017/11/12 全球购物
业务经理岗位职责
2013/11/11 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
优质护理心得体会
2016/01/22 职场文书
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技