vue 项目中笔记-持续更新

1.路由跳转：非view页面要实现跳转：

import router from '@/router' //先引入router才能后面使用push

router.push({ path:'/login' });

 2. nextTick:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

     pick:从 object 中选中的属性的对象。使用需要先引入：import pick from 'lodash.pick'

this.$nextTick(() => {
   this.form.setFieldsValue(pick(this.model,'userName','inDate','outDate','userLevel','userTag','extra1','extra2'))
//时间格式化
});

3.props数据类型：Number、String、Boolean、Object、Array、Date、Function、Symbol

// 简单语法
Vue.component('props-demo-simple', {
  props: ['size', 'myMessage']
})
// 对象语法，提供验证
Vue.component('props-demo-advanced', {
  props: {
    // 检测类型
    height: Number,
    // 检测类型 + 其他验证
    age: {
      type: Number,
      default: 0,
      required: true,
      validator: function (value) {
        return value >= 0
      }
    }
  }
})