查询接口的执行

最新推荐文章于 2024-06-25 11:45:24 发布

Trine_cui

最新推荐文章于 2024-06-25 11:45:24 发布

阅读量70

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_46253682/article/details/125083736

版权

<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>