- 博客(17)
- 收藏
- 关注
RSS订阅
1原创 vue局部修改elementUI组件样式
全局修改：style样式去掉scoped就可以达到效果，例：<style>/* 导航栏样式更改 */.el-submenu .el-menu-item { background: #1f2d3d !important;}.el-submenu .el-menu-item:hover { background: #001528 !important;}/* 去除导航栏右侧白线 */.el-menu { border-right: 0;}</style>
2021-12-24 11:32:49
2770
原创 Vue组件间通信（全）
实现组件间通信的方式一共有哪些？props组件自定义事件全局事件总线消息订阅与发布Vuex状态管理一、props适用于：父 ======> 子（最常用）子 ======> 父1、props: 父 ======> 子父组件：直接将数据通过v-bind指令传给子组件<Child :name="name"></Child>子组件：通过props接收父组件传来的数据props : ['name']2、 props: 子 ===
2021-09-23 15:46:37
134
原创 Vue实现数据响应式原理
Vue中的数据响应式：我们修改代码（例如修改data中的属性值），不需要我们刷新，页面就重新渲染 ——— 这就是数据响应式。程序猿只需要把属性添加到data中，然后在模板里用==插值语句{{}}或者v-bind:==指令等手段就可以实现该功能...
2021-09-03 16:22:43
846
原创 浅谈数据代理
1、 什么是数据代理通过一个对象代理对另一个对象中的属性的操作（读/写），就是数据代理。2、简单实现数据代理JS有一个内置对象Object数据代理的方法为：Object.defineProperty(obj, prop, descriptor)，通过这个方法即可实现数据代理。参数解析：obj----------------------------------->要定义属性的对象prop--------------------------------->要定义或修改的属性的名称或 Sy
2021-08-31 16:05:53
2316
原创 微信小程序自定义导航栏与自带下拉刷新冲突
在使用HbuilderX开发微信小程序时（在HbuilderX中写代码，在微信开发者工具编译），由于微信小程序自带的导航栏功能少，样式单一等，于是采用colorUI自定义导航栏实现需求。而问题就一而再再而三的出现了：自定义导航栏导致系统自带的下拉刷新不能用（官方回应这是微信小程序的bug）采用HbuilderX自带的scroll-view组件的下拉刷新但scroll-view在微信小程序却出现了：无限刷新问题s
2021-08-09 15:21:58
4235
原创 Vue生命周期个人理解
Vue生命周期展示图Vue组件的生命周期主要区分一下beforeCreate，created，beforeMount和mounted这四个，其他的看官方文档应该会很好理解。话不多说，我们直接进入正题。我们先来看一下代码：<template> <view id="button"> <button>点击按钮{{num}}</button> </view></template><script> export
2021-08-05 16:35:57
153
原创 axios基础实现方式
axios({ //请求方式 method: 'POST', //url url: 'axios-server', //url 参数 params: { a: 100, b: 320 }, //头信息 headers: { c: 464, d: 544 }, //请求体参数 data: { username: 'a
2021-08-05 15:37:10
165
原创 近期工作Vue总结
1. 前端js数据字典获取需要回调，应避免多次获取。解决办法：放入缓存或者提前获取字典通过传参调用字典。2. 接口避免多次调用，一次调用获取所有能用的数据。3. 分页： <el-pagination @size-change="handleSizeChange" // 设置每页条数变化时的函数 @current-change="handleCurrentChange" // 页面变化时的函数 :c
2021-07-06 08:04:53
90
原创 Vue_组件数据传递
一、父组件向子组件传值一般使用v-bind：指令绑定数据，子组件用props接收。示例如下：父组件：<Child :id="name"></Child>子组件：props : { id: { default : null, type : Object }}二、子组件向父组件传值子组件一般通过$emit方法向父组件传值。示例如下：子组件：<template> <el-button @click="emitToParent">
2021-05-31 16:38:02
101
原创 Vue_Study2
一、Axios异步通信Axios是一个开源的可以用在浏览器端和Node.JS的异步通信框架， 她的主要作用就是实现AJAX异步通信，它的功能有许多，例如：从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)等Vue.js并不包含AJAX的通信功能，所以为了解决通信问题我们使用Axios。二、Vue生命周期官方文档
2021-05-09 23:29:55
77
原创 Vue_Study
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-04-24 22:16:39
149
原创 Markdown学习
Markdown学习标题#一级标题##二级标题###三级标题####四级标题字体Hello,world!Hello,world!Hello,world!Hello,world!引用每个牛B的人背后都有一段苦B的故事经历，但只要像SB一样的坚持，终将牛B。分割线图片[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nRUlwyXQ-1604409691560)(C:\Users\M\Documents\Tencent Files\1402156
2020-11-03 21:23:26
83
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人