var template = '' $.ajax('../../../component/statistics/LascCervicalColposcopyEntityList/index.html', { data: {}, dataType: 'html', cache: false, timeout: 60000, async: false, error: function (res) {}, success: function (res) { template = res } }) Vue.component('lasc-cervical-colposcopy-entity-list', { props: ['data'], data: function () { return { readonlyTwo: 1, readonly: true, isShowPicker: false, columns: [], pickType: '', curItem: '', isShowDatePicker: false, activeDateField: '', date: '', minDate: moment().add(-100, 'year').toDate(), form: { screenId: '', //两癌筛查id list: [] } } }, template: template, created: function () { if (this.data.value && this.data.value.length && this.data.value[0].id) { this.form.list = this.data.value } }, methods: {} })