新增页和列表页遇到的坑

1、新增页面遇到的问题

页面代码如下

<u-form-item :label-position="labelPosition" label="书籍类别" prop="bookType" :label-width="labelWidth" :required="rules.bookType[0].required">
	<u-select model="single-column" :list="bookTypeList" v-model="selectbookTypeShow" @confirm="selectbookTypeConfirm"
	 :default-value="bookTypeDefaultValue"></u-select>
	<u-input :border="border" type="select" :select-open="selectbookTypeShow" v-model="model.bookTypeName"
	 :placeholder="rules.bookType[0].message" @click="selectbookTypeShow = true"></u-input>
</u-form-item>

在写新增页面下拉选框遇到以下几个问题
（1）v-model在vue中是双向绑定功能，所以这里绑定的值不是bookType，而是bookTypeName。
（2）如何获得bookTypeList，这里用ajax请求根据typecode获得

async getSelectList(typeCode, hasAll) {
   
		let codeList = await this.getCodeList(typeCode);
		let list = _.map(codeList, item => _.assign({
   
			value: item.configCode,
			label: item.configName
		}, item));

		if (hasAll) {
   
			list.unshift({
   
				value: '',
				label: '全部'
			})
		}

		return list;
	}

（3）一开始我的表单校验一直会报错，类似于这样

就算我在输入框中填入值