摘要: 1.配置js文件(底部触发命令) export const loadMore = { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector( ".el-select-dropdo 阅读全文
posted @ 2022-03-23 11:02 Aperio 阅读(384) 评论(0) 推荐(0) 编辑
摘要: <script> let testStr = 'helloworld'; let i; let tempObj = {}; for (i = 0; i < testStr.length; i++) { let charAt = testStr.charAt(i); //相当于挨个遍历字符串字符,将字 阅读全文
posted @ 2022-03-18 15:49 Aperio 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 实际的开发过程中,对于登录页,往往需要一些动态的页面的页面效果。vue-particles的使用,不仅可以动态变化,还能与鼠标产生互动效果。 具体的实现步骤如下: 1.安装插件: npm install vue-particles --save 2.main.js中使用插件: import VueP 阅读全文
posted @ 2022-03-09 16:44 Aperio 阅读(2031) 评论(0) 推荐(0) 编辑
摘要: 在开发过程中,有时候会用到级联选择器。级联选择器默认绑定值为数组,而我们只需要传入最后一个节点的值。应该如何设置呢 此图来自官方文档: 实际应用的代码如下所示: // 级联选择器得自定义规则 propsRule: { value: "channelId", label: "channelName", 阅读全文
posted @ 2021-12-17 09:59 Aperio 阅读(1643) 评论(0) 推荐(0) 编辑
摘要: 需求: 1.在table中画出全年的日历 2.不存在的日期用黑色背景表示 3.根据传入的开始和结束日期动态控制该范围内日期的显示内容 最终的效果如图所示: 解决步骤分析: 1.在table中画出全年日历。每一行为一行tr,里面的每一个小块为一个td <!-- 日历的第一行 --> <tr> <td 阅读全文
posted @ 2021-12-16 15:29 Aperio 阅读(736) 评论(0) 推荐(0) 编辑
摘要: 1.事件总线eventBus 创建js文件,代码如下: import Vue from "vue"; export default new Vue(); 在需要进行参数传递的页面引入js import bus from "../../assets/js/eventBus"; 在传递参数的页面 bus 阅读全文
posted @ 2021-12-13 15:06 Aperio 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 实时输出输入框的值,对输入框添加监听函数即可 在vue中,监听input输入事件,使用的是v-on指令。v-on: input = “search” 可以简写为 @input = “search”@input=“search(e)”,表示当文本框有内容输入时,则调用search方法 阅读全文
posted @ 2021-11-22 11:40 Aperio 阅读(2748) 评论(0) 推荐(0) 编辑
摘要: 开发过程中需要数据填充,但后端接口未完善。前端可以使用mock进行数据的模拟。 以原生开发为例: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 阅读全文
posted @ 2021-11-08 16:50 Aperio 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 效果如图所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { margin-top: 20px; display: inline-block; ma 阅读全文
posted @ 2021-10-27 11:11 Aperio 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 效果如图: 代码: html, body { width: 100%; height: 100%; min-height: 100%; } .container { position: relative; height: auto; min-height: 100%; //关键的一行代码 margi 阅读全文
posted @ 2021-10-26 18:03 Aperio 阅读(32) 评论(0) 推荐(0) 编辑