工作小站

vue-admin-element

1、表单验证错误提示语，关闭打开后清除提示。主要方法：this.$refs[formName].resetFields()。调用时机不适合放在弹窗关闭时（无法监听到点击空白处弹窗关闭的情况），放在打开初始时，由于vue的渲染机制不可立即调用 =》this.$nextTick(()=>{this.$refs[formName].resetFields()})

 注：mouted加载table数据以后，隐藏的弹出框并没有编译渲染进dom里面。对DOM一系列的js操作最好都要放进Vue.nextTick()的回调函数中

2、Element 等组件库采用的策略：$attrs 是将没有被组件内部 Props 声明的传值（也叫非 Props 特性）收集起来的一个对象，再通过 v-bind 将其绑定在指定元素上；$listeners可以看做是一个包含了组件上所有事件监听器（包括自定义事件、不包括.native修饰的事件）的对象

3、el-input 只能数字 oninput ="value=value.replace(/[^0-9.]/g,'')"  //只能输入数字和小数  oninput ="value=value.replace(/[^\d]/g,'')"    //只能输入数字

4、

//自定义列标题内容
    renderHeader(h, { column, $index },index){
       return h('span', {}, [
        h('span', {}, '时间片段'),
        h('el-popover', { props: { placement: 'top-start', width: '200', trigger: 'hover', content: '领先/落后品类=单店平均单量-该品类城市店均单量' }}, [
           h('i', { slot: 'reference', class:'el-icon-question'}, '')
          ])
       ])

    },

转载于:https://my.oschina.net/chaseCl/blog/3024419