1.删除某个下标的数组元素
删除某个下标的数组元素
deletes:function(a){
this.users.splice(this.users.indexOf(a),1);
}
--------------------------------------------------------------------------------------
2. 显示隐藏 v-show="true/false"
_________________________________________________________________________________
3. bootstrap:表单和输入框组
水平框组
<div class="form-horizontal">
<div class="form-group">
<label for="username" class="col-sm-2">username</label>
<div class="col-sm-10">
<input type="text" id="username" class="form-control">
</div>
</div>
</div>
栅格布局
<div class="row">
<div class="col-sm-6 col-sm-offset-3 form-group">
<label for="user">user</label>
<input type="text" id="user" class="form-control">
</div>
</div>
注意事项:
(1)label要与数入控件成对使用,不然屏幕阅读器无法识别,另外可以给label设置sr-only类将其隐藏;
(2)不要将表单组和输入框组混合使用
不要将表单组直接和输入框组混合使用。建议将输入框组嵌套到表单组中使用。__________________________________________________________
4vue获得数组索引
v-for="(user,index) in users" {{ index }}