查询接口的执行

<el-form-item label="章 节 号">
	<el-input placeholder="请输入章节号" prefix-icon="el-icon-search" clearable  v-model="searchFormData.chapterId">
	</el-input>
</el-form-item>
<script>
	export default {
		data() {
			return {
				searchFormData: {
					chapterId: '',
				}
			}
		},
		methon:{
			querydata() {
				this.setQueryParms()
				this.getList()
			},
			setQueryParms() {
				this.parm.data.chapterId = this.searchFormData.chapterId
			},
			//不用动
			getList() {
				console.log(this.parm)
				this.listLoading = true
				getChapterList(this.parm).then(response => {
					this.listLoading = false
					this.tableData = response.data
					this.total = response.total
					console.log(this.tableData)
				})
			},
		}
	}
</script>

版权声明:本文为weixin_46253682原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。