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

更新时间：2017年03月28日 07:52:44 作者：Marven

这篇文章主要为大家详细介绍了vue2.0如何获取自定义属性的值，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

最近在项目中使用了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无阻塞加载具体方式
这篇文章介绍了JS无阻塞加载，有需要的朋友可以参考一下
2013-06-06
使用js实现单链解决前端队列问题的方法
这篇文章主要介绍了使用js实现单链解决前端队列问题的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-02-02
JavaScript删除有序数组中的重复项
这篇文章主要介绍了JavaScript删除有序数组中的重复项，主要解决有序数组 nums ，要求原地删除重复出现的元素，使每个元素只出现一次，返回删除后数组的新长的问题，下面实现操作，需要的小伙伴可以参考一下
2022-03-03
微信小程序实现五星评价功能
这篇文章主要为大家详细介绍了微信小程序实现五星评价功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-08-08
JavaScript使用promise处理多重复请求
处理重复请求的文章想必大家也看过了很多，大多数都是分为在response返回之前发现重复请求就return掉的和使用节流/防抖来间接规避用户频繁操作两种版本的。本文主要介绍了JavaScript使用promise处理多重复请求，感兴趣的可以了解一下
2021-05-05
JavaScript函数获取事件源的小例子
这篇文章主要介绍了JavaScript函数获取事件源具体实现，需要的朋友可以参考下
2014-05-05
js清空表单数据的两种方式(遍历+reset)
这篇文章主要介绍了js清空表单数据的两种方式(遍历+reset),需要的朋友可以参考下
2014-07-07
深入理解javascript中concat方法
本文主要介绍了javascript中concat方法，主要分为2小节内容：1.concat方法的基础介绍；2.从实例中感受concat方法。需要的朋友一起来看下吧
2016-12-12
微信小程序实现性别单选效果
这篇文章主要为大家详细介绍了微信小程序实现性别单选效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
在IE下获取object（ActiveX）的Param的代码
在IE下，获取Param的时候有个诡异现象（不知道算不算bug）。
2009-09-09