AVUE + element-ui 项目使用搜集

收集项目难点

常用点

1.关闭当前tag 并跳转到新页面

this.$store.dispatch('tagsView/delView', this.$route)
this.$router.push('/research/topic/list')

2.对话框提示配置

 this.$msgbox.confirm('确定要将这些人添加到课题吗?', '提示', {
    callback: (action) => {
      if (action === 'confirm') {
        this.$message.success('添加成功')
      }
    }
  })

3.重置表单

this.$refs.sampleDataConfigAdd.resetForm()

4.订阅模式

//父页面
import rootvue from '@/config/eventroot.js'
rootvue.$off('research-topic-steps:data')
rootvue.$on('research-topic-steps:data', (res) => {
  console.log(JSON.stringify(res))
  this.stepConfig.active = res.active
  if (res.hasOwnProperty('blNum')) {
    this.blNum = res.blNum
  }
})


//子页面
import rootvue from '@/config/eventroot.js'
rootvue.$emit('research-topic-steps:data', {
    active: 3
  })

5.问题类型

    item.split('_')[0]

6.avue date 时间控件

//显示格式  
{
format1: "yyyy-MM-dd hh:mm:ss",
format2: "yyyy-MM-dd",
valueFormat1: "yyyy-MM-dd hh:mm:ss",
valueFormat2: "timestamp", 
}

//

1. change 传参

 @change="((val)=>{userChooseAfterRestData(val, qItem, qIndex)})"

1. 查找指定column对象:findObject

 console.log(this.$refs.patientListNot.findObject(this.setDataNot.option.column, 'identityNumber'))