avalone (指令v-for的用法)

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了avalone (指令v-for的用法)相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>avalon使用例子 v-for的例子</title>
</head>
<body>
	<script src="//cdn.bootcss.com/avalon.js/2.0s/avalon.min.js"></script>

	<!-- html -->
	<div ms-controller="page">
	  <ul>
	    <li ms-for="(i,v) in @data.arrList">
	         <input type="text"  ms-duplex="v.name">{{v.name}} 
	         <button  ms-click="@methods.get(v.name)">按钮</button>
	     </li>
	  </ul>
	</div>
    
    <!-- js -->
	<script>
		var vm = avalon.define({
		  $id:‘page‘,
		  data:{
			  arrList:[
			      {name:"ajia",sex:"boy"},
			      {name:"ajia1",sex:"boy1"},
			      {name:"ajia2",sex:"boy2"}
			  ]
		  },
		  methods:{
		  	get:function(index){
		  	  console.log(index);
		    }
		  }
		})
	</script>
</body>
</html>

　　

以上是关于avalone (指令v-for的用法)的主要内容，如果未能解决你的问题，请参考以下文章

v-for指令

learn avalon2 04 显示与隐藏处理

Vue.js常用指令：v-for

vue常见指令的使用 v-for

Vue的基本用法——JavaEE笔记

Vue的基本用法——JavaEE笔记