可拖动大小的双栏vue页面分享 介绍 分享一个自己写的简单的双栏页面，中间有个拖动条，可以左右拖动来改变左右双栏的大小。感觉自己写很多功能可以用到挺方便的，避免重复造轮子。 代码 TwoColumnsResizView.vue <template> <div class="tccontainer"> <div class="sidebar" ref="sidebar"> <slot name="left"></slot> </div> <div class="resizer" @mousedown="startResize"></div> <div class="main-content" ref="main... 2024年05月09日 编程 暂无评论 喜欢 0 阅读全文
element-plus的el-pagination分页控件使用笔记 介绍 element-plus是vue常用的组件库，但是官方文档介绍不是很详细，这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/pagination.html 典型使用 请求后台接口，得到总页数（page-count），当前页码（current-page），当前页数据，然后填入el-pagination组件中。 点击某个页码的时候调用 @current-change="selectpage"方法 <el-pagination large background v-model:current-page="feedArticlesStore.page" layout="total, p... 2024年05月09日 编程 暂无评论 喜欢 0 阅读全文
element-plus的checkbox多选控件使用笔记 介绍 element-plus是vue常用的组件库，但是官方文档介绍不是很详细，这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/checkbox.html 典型使用 对一个数组数据循环，生成列表，然后需要能多选列表中几个选项 这里用到el-checkbox-group 嵌套 v-for循环，再是el-checkbox选项以及显示的内容。 <el-button @click="startvector" class="m-2">开始向量化</el-button> <div> <el-checkbox-group v-model="feedArticlesStore.selectedArticles" size=... 2024年05月09日 编程 暂无评论 喜欢 1 阅读全文