2021年1月26日
Vue知识点之——provide和inject
摘要： 一、概念解析 成对出现：provide和inject是成对出现的 作用：用于父组件向子孙组件传递数据 使用方法：provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组 阅读全文
posted @ 2021-01-26 16:49 月上弯 阅读(544) 评论(0) 推荐(0) 编辑
CSS实现三角形、梯形、平行四边形、圆形、椭圆形、对话框、自适应正方形
摘要： CSS实现梯形 CSS实现三角形和梯形主要是依靠border是梯形的特性来做的，有点像相框的那种感觉。 首先我们先给一个正方形设置比较宽的边框。如下。 <div id="test1"></div> <style> #test1{ width: 50px; height: 50px; backgrou 阅读全文
posted @ 2021-01-26 16:40 月上弯 阅读(954) 评论(0) 推荐(0) 编辑
elementui之table列隐藏显示bug
摘要： 在最近的项目中，有需求要做到根据条件显示隐藏列，原来以为简单的v-if可以解决，却遇到如下问题： 1、切换状态，列数据错乱 解决方法： 每列加上:key="Math.random()" 2、输入或切换搜索条件，table抖动 解决方法： 1 beforeUpdate() { 2 this.$next 阅读全文
posted @ 2021-01-26 16:38 月上弯 阅读(1615) 评论(0) 推荐(1) 编辑
2020年10月16日
Vue知识点——.sync修饰符
摘要： .sync修饰符 一个组件上只能定义一个v-model，如果其他prop也要实现双向绑定的效果该怎么办呢？ 简单的方法是子组件向父组件发送一个事件，父组件监听该事件，然后更新prop。具体如下： // info.vue组件定义了一个value 属性， 和一个valueChanged事件 <templ 阅读全文
posted @ 2020-10-16 10:17 月上弯 阅读(311) 评论(0) 推荐(0) 编辑
Vue知识点——$listeners
摘要： 首先，$listeners是什么？ // Parent <template> ... <child v-on:event-one="methodOne" v-on:event-two="methodTwo" /> ... </template> 那么你在使用Child时，传入的所有v-on事件都可以 阅读全文
posted @ 2020-10-16 10:15 月上弯 阅读(948) 评论(0) 推荐(0) 编辑
Vue知识点—— $attrs
摘要： vue官网是这样介绍的： 包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创 阅读全文
posted @ 2020-10-16 10:01 月上弯 阅读(406) 评论(0) 推荐(0) 编辑
2020年9月4日
layui之时间控件闪退的问题
摘要： 原文地址：https://www.cnblogs.com/zeussbook/p/10985438.html 项目上线，发现后台管理系统layui的子页面出现时间控件闪退的问题，根本选取不到时间。 其原因是：如果出现页面找到多个节点，只有第一个节点能正常使用后面的节点都会闪退，可以理解为目前layd 阅读全文
posted @ 2020-09-04 09:28 月上弯 阅读(258) 评论(0) 推荐(0) 编辑
2020年9月2日
Vue之日历控件vue-full-calendar的使用
摘要： (1).安装依赖 npm install vue-full-calendar npm install moment 因为这是日历插件用到了时间工具类 moment (2).文件中导入依赖 在想要用此插件的文件中导入依赖 import { FullCalendar } from 'vue-full-c 阅读全文
posted @ 2020-09-02 11:04 月上弯 阅读(9875) 评论(1) 推荐(0) 编辑
ES6之箭头函数
摘要： 1. 箭头函数基本形式 let func = （num) => num; let func = () => num; let sum = (num1,num2) => num1 + num2; [1,2,3].map(x => x * x); 2. 箭头函数基本特点 (1). 箭头函数this为父作 阅读全文
posted @ 2020-09-02 09:54 月上弯 阅读(211) 评论(0) 推荐(0) 编辑
Vue组件之vue-full-calendar事件标题新增悬浮title属性
摘要： 新增如下标红两处代码： <template> <div class="app-container"> <div class="table-container clearfix"> <el-row class="pb16"> <el-col :span="12"> <el-button type="p 阅读全文
posted @ 2020-09-02 09:37 月上弯 阅读(3145) 评论(0) 推荐(0) 编辑
下一页