编程 Javascript

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组件学习教程进行学习。

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

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

- Author -

Marven

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

30个最好的jQuery 灯箱插件分享

Apr 25 Javascript

使用Js让Html中特殊字符不被转义

Nov 05 Javascript

jQuery取id有.的值的方法

May 21 Javascript

JavaScript获取各大浏览器信息图示

Nov 20 Javascript

利用jQuery设计一个简单的web音乐播放器的实例分享

Mar 08 Javascript

JavaScript获取URL参数的方法之一

Mar 24 Javascript

利用纯JS实现像素逐渐显示的方法示例

Aug 14 Javascript

浅谈webpack对样式的处理

Jan 05 Javascript

Angular如何在应用初始化时运行代码详解

Jun 11 Javascript

使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)

Oct 23 Javascript

VUE项目初建和常见问题总结

Sep 12 Javascript

element 动态合并表格的步骤

Dec 31 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