vue2.0获取自定义属性的值


Posted in Javascript onMarch 28, 2017

最近在项目中使用了vue.js。在爬坑的路上遇到了很多问题。这里都会给记录下来,今天要说的是怎么获取自定义属性的值。

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://vuejs.org/js/vue.js"></script>
 <meta charset="utf-8">
 <title>JS Bin</title>
</head>
<body>
 <div id="app">
 <button v-for="list in items" @click="getType(list.type)" :type="list.type">click{{list.type}}</button>
 
 <p>type:{{type}}</p>
 
 </div>
 

</body>
</html>

Javascript

var vm = new Vue({
 el:'#app',
 data:{
 type:'',
 items:[
  {type:1},
  {type:2}
 ]
 },
 methods:{
 getType:function(type){
  this.type = type
 }
 }
})

在线demo:http://js.jirengu.com/wemefivime

本文已被整理到了《Vue.js前端组件学习教程》,欢迎大家学习阅读。

关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。

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

Javascript 相关文章推荐
javascript取消文本选定的实现代码
Nov 14 Javascript
JS中的public和private对象,即static修饰符
Jan 18 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
jQuery的each循环用法简单示例
Jun 12 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
Aug 25 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
Angularjs自定义指令实现分页插件(DEMO)
Sep 16 Javascript
JS设计模式之状态模式概念与用法分析
Feb 05 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 Javascript
JavaScript学习笔记之DOM基础操作实例小结
Jan 09 Javascript
详解CocosCreator项目结构机制
Apr 14 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 #Javascript
利用NPM淘宝的node.js镜像加速nvm
Mar 27 #Javascript
Vue中的v-cloak使用解读
Mar 27 #Javascript
js实现抽奖效果
Mar 27 #Javascript
AngularJS前端页面操作之用户修改密码功能示例
Mar 27 #Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 #Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
Mar 27 #Javascript
You might like
Zerg建筑一览
2020/03/14 星际争霸
自动检查并替换文本框内的字符
2006/06/30 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
js中hash和ico的关联分析
2015/02/05 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
jQuery 插件封装的方法
2016/11/16 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
2018/02/08 Javascript
再谈Angular4 脏值检测(性能优化)
2018/04/23 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
python list转dict示例分享
2014/01/28 Python
python实现计算倒数的方法
2015/07/11 Python
Python简单计算文件夹大小的方法
2015/07/14 Python
python实现发送邮件及附件功能
2021/03/02 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
python批量修改ssh密码的实现
2019/08/08 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
基于python 凸包问题的解决
2020/04/16 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
Python批量删除mysql中千万级大量数据的脚本分享
2020/12/03 Python
银行职业规划书范文
2013/12/28 职场文书
高三生物教学反思
2014/01/25 职场文书
夏季药店促销方案
2014/08/22 职场文书
安全月宣传标语
2014/10/07 职场文书
实习科室评语
2015/01/04 职场文书
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js
Python实现简单得递归下降Parser
2022/05/02 Python