Vue学习过程中零碎小结(一)

xiaoxiao2021-02-28  67

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 }} 

转载请注明原文地址: https://www.6miu.com/read-2631911.html

最新回复(0)