
获得徽章 5
在不修改下面的代码情况下面, label="当前页1" dom 和 label="当前页2" dom 互换位置,并且不破坏queryParam响应属性
<template>
<el-button type="primary" @click="sortClick" size="small">排序</el-button>
<el-form :model="queryParam" size="small" :inline="true" >
<el-form-item label="当前页2" >
<el-input v-model="queryParam.pageNum2" placeholder="当前页2" clearable />
</el-form-item>
<el-form-item label="当前页1" >
<el-input v-model="queryParam.pageNum1" placeholder="当前页1" clearable />
</el-form-item>
</el-form>
</template>
<script setup>
import { ref } from 'vue';
const queryParam = ref({
pageNum1:1,
pageNum2:2
});
const sortClick = () => {}
</script>
<template>
<el-button type="primary" @click="sortClick" size="small">排序</el-button>
<el-form :model="queryParam" size="small" :inline="true" >
<el-form-item label="当前页2" >
<el-input v-model="queryParam.pageNum2" placeholder="当前页2" clearable />
</el-form-item>
<el-form-item label="当前页1" >
<el-input v-model="queryParam.pageNum1" placeholder="当前页1" clearable />
</el-form-item>
</el-form>
</template>
<script setup>
import { ref } from 'vue';
const queryParam = ref({
pageNum1:1,
pageNum2:2
});
const sortClick = () => {}
</script>
展开
34
2