Element-ui使用过程中踩过的坑!

  Element-ui,一套为开发者、设计师和产品经理准备的基于Vue 2.0的桌面端组件库,对PC端和移动端的兼容性友好,容易开发者上手,快速完成网站的搭建。

Element官方文档

  然而,官方文档并不是非常详尽,有时候开发过程中会偶尔碰到大大小小的坑,在查找问题往往很容易浪费开发者时间,所以本人在开发过程中将碰到的一些问题做总结。

  Input 输入框

  el-autocomplete远程搜索,后端返回的对象中必须包含value字段,不然无法显示。如果是当输入关键字再调用接口的话,后端获取数据方法要放在fetch-suggestions中,不要在外部定义方法,这样会造成每次搜索都是上一次的值。fetch-suggestions方法中的两个参数,queryString为输入关键字,callback为回调函数渲染搜索词条列表。
  当页面中通过v-for出来多个远程搜索时,怎么获取点击的对应索引,select方法无法自定义参数,必须通过以下方法获取
@select="((item)=>{handleUserSelect(item,index)})"

  form 表单

  有时候我们需要通过v-for动态循环加载el-form-item,并且绑定验证规则。


    
data:{
    form: {
      title: '',
      list: [
        {
          name: ''
        }
      ]
  }
}

必须通过这样绑定,:prop="item.name",无法绑定,需切记。同时,如果v-for动态循环el-form的话,以上两种方法都无法绑定,目前暂无找到解决方法。

  总结

  后续会继续更新关于Element-ui中碰到的bug,希望可以帮到大家,有其他问题的也可以共同讨论!码字不容易,关注一波呗 !

  这是我的简书地址,不定时更新

你可能感兴趣的:(技术)