Vue学习之路-1

来源：互联网发布：webgis python 编辑：程序博客网时间：2024/05/20 18:18

v-for + v-if 实现一次输出两条结果

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="js/lib/vue.min.js" type="text/javascript" charset="utf-8"></script><script src="js/lib/vue-resource.js" type="text/javascript" charset="utf-8"></script><style type="text/css">#app {width: 1000px;height: 500px;border: 1px solid black;margin: 0 auto;}.first {width: 400px;height: 100px;background-color: greenyellow;float: left;margin-left: 50px;margin-bottom: 50px;}</style><body><div id="app"><div id="" v-for="(i,j) in item" v-if="j % 2 ==0"><div id="content"><div class="first">{{item[j]}}</div><div class="first" v-if="j < item.length-1">{{item[j+1]}}</div></div></div></div></body><script type="text/javascript">new Vue({el: '#app',data: {item: [1, 2, 3, 4, 5, 6, 7]}});</script></html>

vue给自定义属性绑定值

<div class="mui-numbox numbox" data-numbox-step="1" data-numbox-min="0"   :data-numbox-max='proInfo.maxNum'></div>

阅读全文

0 0