![](https://img-blog.csdnimg.cn/1642ea2de4e7478283c8deefe40d694c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
学习笔记
王景清
Java后端菜鸟一枚
展开
-
Vue父子组件值同步和方法执行顺序问题
代码结构:三层关系:PrototypeDrawer>TaskDrawerHeader>TaskStatusPrototypeDrawer.vue 最外层<task-drawer-header @beforeComplete="beforeComplete"></task-drawer-header><script>export default { methods:{ openDrawer(){ t.原创 2022-03-28 15:04:24 · 1362 阅读 · 0 评论 -
Element UI-Dialog对话框使用
<el-dialog class="assignWorkloadDialog" title="工时指派" :visible="workDetailDialogVisible" width="40%" :modal="false" :before-close="resetWorkTime(done)"></el-dialog>export default { data() { return { workDetailDialogVisible:原创 2022-03-04 16:21:26 · 1711 阅读 · 0 评论 -
Vue子组件给父组件传值以及sync语法糖使用
不使用sync语法糖父组件<drawPlanInfoDialog :drawPlanInfoDialogVisible="drawPlanInfoDialogVisible" @update:drawPlanInfoDialogVisible="closeDialog"></drawPlanInfoDialog>export default { method: { closeDialog(newVal) { this.draw原创 2022-03-04 16:20:06 · 583 阅读 · 0 评论 -
分页查询之物理分页和逻辑分页
物理分页Limit通过SQL语句中 LIMIT #{startIndex},#{pageLimit} 语法来分页startIndex为偏移量,OFFSET,索引pageLimit为每页多少记录这两个参数在后端处理传入数据库之前必须为基本类型不能有双引号错误例子:LIMIT ‘0’,‘5’前端一般传currentPage,pageLimit两个参数而currentPage为当前第几页需转换为startIndexstartIndex = (currentPage - 1) * pageLimi原创 2022-02-28 17:29:08 · 1941 阅读 · 0 评论 -
Element UI-Select 选择器使用
地址:https://element.eleme.cn/#/zh-CN/component/select<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">原创 2022-02-25 17:29:38 · 1147 阅读 · 0 评论 -
Vue父组件给子组件传值
首先得data得有数据data() { return { maximumVersion: { versionId: "", version: "", planName: "", isHighestVer: "" } }}在父组件标签中定义并引用 <create-plan :maximumVersion="maximumVersion"> </原创 2022-02-23 17:30:27 · 174 阅读 · 0 评论