![[泪奔]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_85.43ad2fc.png)
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
今日任务：改造一个8千行代码的vue文件
东方青鱼
前端摸鱼大师
谢谢
获得徽章 6
赞了这篇沸点
在不修改下面的代码情况下面， 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
赞了这篇沸点
赞了这篇沸点
gdao是一个全面的go持久层解决方案。主要目的在于 减少编程量，提高生产力，提高性能，支持多数据源整合操作，支持数据读写分离，制定持久层编程规范。 灵活运用gdao，可以在持久层设计上，减少30%甚至50%以上的编程量，同时形成持久层的统一编程规范，减少持久层错误，同时易于维护和扩展。 gdao对于go语言，相当于hibernate+myBatis对于java语言
评论
3
赞了这篇沸点
![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)