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 相关文章推荐
基于JQuery的浮动DIV显示提示信息并自动隐藏
Feb 11 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
Dec 03 Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
es6中let和const的使用方法详解
Feb 24 Javascript
Vue和React有哪些区别
Sep 12 Javascript
原生JS实现九宫格抽奖
Sep 13 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
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
WordPress迁移时一些常见问题的解决方法整理
2015/11/24 PHP
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
正则表达式(语法篇推荐)
2016/06/24 Javascript
微信小程序 scroll-view组件实现列表页实例代码
2016/12/14 Javascript
Angular2入门--架构总览
2017/03/29 Javascript
js读取本地文件的实例
2017/12/22 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
实现vuex原理的示例
2020/10/21 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
2020/11/03 Javascript
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
儿童python练习实例
2018/05/27 Python
python实现C4.5决策树算法
2018/08/29 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
python实现按日期归档文件
2021/01/30 Python
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
软件测试有哪些?什么是配置项?
2012/02/12 面试题
卫校中专生个人自我评价
2013/09/19 职场文书
金融专业个人求职信
2013/09/22 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
给校长的建议书100字
2014/05/16 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
大学生交通专业求职信
2014/09/01 职场文书
平安家庭事迹材料
2014/12/20 职场文书
幼师个人总结范文
2015/02/28 职场文书