随笔分类 - vue

await/async/Promise

摘要：==await 关键字：== 在JavaScript中，`await`关键字用于等待一个异步函数的完成，并暂停当前函数的执行，直到异步函数返回一个解决的值（resolved value）或被拒绝的原因（rejected reason）。 `await`关键字只能在`async`函数内部使用。使用`a 阅读全文

posted @ 2023-06-26 16:38 村上春树的叶子阅读(10) 评论(0) 推荐(0) 编辑

自定义滚动条

摘要：不借助 <el-scrollbar> 这种标签，实现滚动条的效果一、使用 <div> 标签，设置 height:700px; overflow:auto; 二、<el-main> 标签，设置： .el-main{ height: 600px; overflow-x: hidden; overflo 阅读全文

posted @ 2022-11-01 17:29 村上春树的叶子阅读(46) 评论(0) 推荐(0) 编辑

el-dialog

摘要：一、显示灰色蒙板和点击灰色蒙板不关闭弹窗 <el-dialog class="main-dialog" :title="title" :visible.sync="open" width="500px" :before-close="handleClose" append-to-body <!-- 阅读全文

posted @ 2022-10-28 16:35 村上春树的叶子阅读(88) 评论(0) 推荐(0) 编辑

vue 中自定义隔行变色样式（适用于 el-row中）

摘要： <el-row :class="{on: index%2==0, off:index%2!=0}" @click.native="go2detail(item)" v-for="(item, ind 阅读全文

posted @ 2022-10-28 11:24 村上春树的叶子阅读(226) 评论(0) 推荐(0) 编辑

vue 中 watch 的简单使用

摘要：method 同级 watch:{ // 监听 /** 第一种方式：监听对象里面的属性，键路径必须加上引号 */ "queryParams.fileName"(newVal, oldVal){ console.log("旧值" + oldVal + ' 新值' + newVal); } /** 第二阅读全文

posted @ 2022-09-22 11:56 村上春树的叶子阅读(56) 评论(0) 推荐(0) 编辑

switch 实时渲染问题

摘要：从数据库查询出数据，其中状态值使用（0、1）表示，此时 switch 不能实时的渲染。解决方法：在 active-value 和 inactive-value 前面加上 : <el-table-column label="状态" align="center" prop="status" > <t 阅读全文

posted @ 2022-09-22 11:49 村上春树的叶子阅读(119) 评论(0) 推荐(0) 编辑