![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 55
@逆风boy
坚持自己的信念好过依赖他人,生活的磨练还需自己去体验,做更好的自己!!!!
愿风一样的少年,保持初心,坚持自我,一切都是命运的安排,最好自己擅长的领域,未来无限可期,加油吧!
@逆风boy
展开
-
Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?
在 Vue3 Composition API 中,组件根据逻辑功能来组织的,一个功能所定义的所有 API 会放在一起(更加的高内聚,低耦合)正是解决上述问题,将某个逻辑关注点相关的代码全都放在一个函数里,这样当需要修改一个功能时,就不再需要在文件中跳来跳去。在逻辑组织方面的优势,以后修改一个属性功能的时候,只需要跳到控制该属性的方法中即可。然而,当组件变得复杂,导致对应属性的列表也会增长,这可能会导致组件难以阅读和理解。即使项目很大,功能很多,我们都能快速的定位到这个功能所用到的所有 API。原创 2024-03-11 13:59:47 · 1069 阅读 · 0 评论 -
Vue3.0里为什么要用 Proxy API 替代 defineProperty API
只能遍历对象属性进行劫持return})Proxy直接可以劫持整个对象,并返回一个新对象,我们可以只操作新的对象达到响应式目的= null) {return obj// Proxy相当于在对象外层加拦截console.log(`获取${= null) {return obj } // Proxy相当于在对象外层加拦截 const observed = new Proxy(obj , {原创 2024-03-11 13:58:30 · 976 阅读 · 0 评论 -
Vue组件之间的通信方式
parent或attrs与。原创 2024-03-08 09:22:55 · 809 阅读 · 0 评论 -
Vue3.0里为什么要用 Proxy API 替代 defineProperty API ?
只能遍历对象属性进行劫持return})Proxy直接可以劫持整个对象,并返回一个新对象,我们可以只操作新的对象达到响应式目的= null) {return obj// Proxy相当于在对象外层加拦截console.log(`获取${= null) {return obj } // Proxy相当于在对象外层加拦截 const observed = new Proxy(obj , {原创 2024-03-07 14:23:25 · 816 阅读 · 0 评论 -
vue 常用开发父子组件的通信
vue通信原创 2022-10-20 19:16:59 · 696 阅读 · 0 评论 -
uniapp使用plus.sqlite实现图片、视频缓存到手机本地
离线缓存原创 2022-09-14 12:55:46 · 3648 阅读 · 7 评论 -
Uniapp 中的plus.io如何存储文件
离线缓存原创 2022-09-07 10:50:45 · 7244 阅读 · 2 评论 -
Uniapp的APP端实现本地离线缓存
离线缓存原创 2022-09-06 17:18:28 · 8450 阅读 · 6 评论 -
Vue中的mixins与 extends的使用
vue继承和混入原创 2022-08-31 09:27:36 · 443 阅读 · 0 评论 -
elementui实现input输入框和textarea文本框回车换行
文本框回车换行原创 2022-08-23 00:12:11 · 5424 阅读 · 0 评论 -
基于springboot + vue的人事管理系统
人事管理系统原创 2022-06-16 21:29:07 · 1126 阅读 · 5 评论 -
jeecgBoot后台管理的在线表单的使用
引进官方提供的后台管理模板启动前端项目ant-desire-vue的项目,登录进入首页,点击在线表单开发,导入数据库表进行上面步骤原创 2022-02-23 16:45:54 · 606 阅读 · 0 评论 -
Uniapp中vueX实现登录状态功能
uniapp使用Vuex实现登录状态的判断,退出登录,使用action,commit实现登录功能Vue.use(Vuex)export default new Vuex.Store({ state: { token: '', userid:'', username: '', realname: '', welcome: '', avatar: '' }, mutations: { SET_TOKEN: (state, token) =原创 2022-01-11 09:10:44 · 956 阅读 · 0 评论 -
uniapp调取用户登录权限
uniapp开发小程序,如何第一次进入小程序就开始调取微信登录接口获取权限,使用wx.getUserInfo({ success: res => { // 可以将 res 发送给后台解码出 unionId // console.log('获取微信账号信息',res.userInfo) this.globalData.user = res.userInfo; console.log(res); let data = { code: code, enc原创 2022-01-11 09:06:29 · 839 阅读 · 0 评论 -
ES6 js实例方法:trimStart(),trimEnd()
实例方法:trimStart(),trimEnd()ES2019 对字符串实例新增了trimStart()和trimEnd()这两个方法。它们的行为与trim()一致,trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。const s = ’ abc ';s.trim() // “abc”s.trimStart() // "abc "s.trimEnd() // " abc"上面代码中,trimStart()只消除头部原创 2022-01-11 09:01:47 · 1059 阅读 · 0 评论 -
uniapp手机验证码功能实现
使用uniapp编写实现手机验证码的js实现代码onSMSSend() { let smsParams = {}; smsParams.mobile=this.phoneNo; smsParams.smsmode="0"; //手机号码输入验证 let checkPhone = new RegExp(/^[1]([3-9])[0-9]{9}$/); if(!smsParams.mobile ||原创 2022-01-07 09:16:06 · 1795 阅读 · 0 评论 -
后端返回的字段为null转字符串“”
queryStudentLeaveList(params).then(res =>{ if(res.data.success){ that.messagesList = res.data.result for(let o of that.messagesList){ if(!o.reason){ o.reason = '' } } } 使用 for of 进行遍历,拿到列表的每一项的值,然原创 2021-12-30 11:14:49 · 296 阅读 · 0 评论 -
uniapp开发强制刷新子组件
使用组件<me v-if="test && PageCur=='me'" :messageNum="messageNum"></me>在onshow里面onShow() { this.test = false this.$nextTick(() =>{ this.test = true }) }使用nextTick来判断原创 2021-12-30 09:42:43 · 678 阅读 · 0 评论 -
Vue语法出现无限更新循环的问题解决[Vue warn]: You may have an infinite update loop in a component render function.
在编写代码运行项目的时候出现这个组件渲染函数中可能有无限更新循环。You may have an infinite update loop in a component render function.本人使用了计算属性computed的方法去判断三种状态的计算出现的问题是我在getStatus()这个方法里面通过三种状态的判断,当达到某种判断条件的时候直接去改变了data()里面的alldisable这个属性正确写法:let disable = this.disableif (date原创 2021-12-30 09:36:34 · 3829 阅读 · 0 评论 -
如何解决Vue使用filter过滤原始数据,并赋值给后端返回的数据改变了原始数据
一、使用filter进行数据过滤 //已上按钮hadclass(index){ let res=this.changeList.filter(function(item,index,array){ return(item.status==1); }); this.leftbtn = true this.showbtn = false this.result[index].list= res;},点击已选按钮,筛选过滤状态为1的数据//未上按钮 noclass(inde原创 2021-12-09 09:53:19 · 3646 阅读 · 0 评论 -
Vue自定义指令的用法
vue directive自定义指令的使用自定义指令图片懒加载实例vue.directive('image',{ inserted(el,bind){ let color = Math.floor(Math.random()*1000); el.style.background = '#' +color; var image = new image(); image.src = bind.value; image.onload(){ el.style.backgroundimage原创 2021-11-02 11:14:52 · 81 阅读 · 0 评论 -
vue--点击事件阻止冒泡的方法
vue—click点击事件的冒泡行为**1. click.stop就是外层包内层,内层写了.stop不会触发到外层的,只触发内层.prevent就是阻止默认跳转链接,比如写了一个百度链接,没有prevent会默认跳转到百度网页,写了这个prevent就会阻止自动跳转行为.capture就是外层包内层,外层写了capture行为,只会触发外层,而内层是先触发外层,再触发内层.self就是外层包内层,内层包按钮事件,内层写了.self行为,外层只会触发外层,内层先触发内层,再外层,点击按钮事件,先原创 2021-10-31 22:46:12 · 6957 阅读 · 0 评论 -
uni-form组件的使用注意方法
uniapp表单验证的使用注意事项<uni-forms :rules="rules" ref="form" validate-trigger="bind" err-show-type="undertext" :modelValue='form'><uni-forms-item name="content" pros='content' class="text-content"> <textarea placeholder="请输入退款理由" v-model原创 2021-10-31 22:29:37 · 2430 阅读 · 0 评论 -
web前端之Vue——子组件的详解
子组件的定义和注册通过Vue.component形式定义的是全局组件。这一段中,我们来讲一下子组件。在父组件中定义子组件比如说,一个账号模块是父组件,里面分为登陆模块和注册模块,这两个晓得模块就可以定义为子组件。需要注意的是作用域的问题:我们在父组件中定义的子组件,只能在当前父组件的模板中使用;在其他的组件,甚至根组件中,都无法使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2021-06-04 17:55:39 · 5863 阅读 · 4 评论 -
Vue组件之间的传值
父组件向子组件传值我们可以这样理解:Vue实例就是一个父组件,而我们自定义的组件(包括全局组件、私有组件)就是子组件。【重点】需要注意的是,子组件不能直接使用父组件中的数据。父组件可以通过props**属性向子组件传值**。父组件向子组件传值的代码举例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2021-04-28 16:36:47 · 134 阅读 · 0 评论 -
基于网页的微信小程序——摇色子
本文主要是介绍摇色子这个小程序的具体内容效果预览:下面给出程序的主要代码:- [ ] index.wxml:<!-- 骰子模版视图 --><template name="first"> <view class="first face"> <span class="pip"></span> </view></template><template name="se原创 2021-02-17 10:54:13 · 3310 阅读 · 0 评论 -
前端动画实现:React 和 Vue 框架技术实现 filp
前言在 Vue 的官网中的过渡动画章节中,可以看到一个很酷炫的动画效果手写出这个逻辑应该是非常复杂的。但是文档里我们发现一个名词:FLIP,这给了我们一个线索,用filp可以实现。在 Aerotwist 社区里的一篇文章:flip-your-animations,以这篇文章为切入点,一步步来实现一个类似的效果。预览实现的最终效果:预览效果网址里看:http://sl1673495.gitee.io/flip-animationFLIPFirst即将做动画的元素的初始状态(比如位置、透明原创 2020-12-20 17:10:21 · 484 阅读 · 1 评论 -
前端如何捕获用户在该页面停留的时长?
前言为什么要做这个监测用户停留的呢?原因很简单,如果我们要分析这个页面对我们的产品有没有价格,那么用户浏览的时长是一个很关键的点,如果每个用户平均每天在这个页面停留两个小时以上,那么我们会觉得这个页面的价值很高;如果一个页面一个月也没几个用户去浏览,那我们就会有疑问,这个页面对我们的产品还有价值吗?我们的产品后续还要保留它的?这些需求都是可以让我们考虑是否要去获取用户停留时长这个功能的。针对哪些应用?多页面应用 单页面应用如何去获取用户停留的时长?在监测功能的时候,我们首要考虑的就是,我们的监原创 2020-12-20 14:50:47 · 3159 阅读 · 0 评论 -
用前端渐进式Vue.js实现登录功能
使用Vue实现简单的用户登录界面,登录成功以后查询账号用户类型进行相应的页面路由跳转,效果如下图所示:HTML部分: 登录原创 2021-01-17 22:36:42 · 541 阅读 · 0 评论 -
前后端分离实现springboot+mybatis+Vue.js的图书管理系统
图书管理系统(springboot+mybatis+vue)项目说明此项目为图书管理系统后台,使采用的是springboot+mybatis等技术实现数据持久化以及api服务调用,前台使用vue.js,vue-resource,vue-router,iView2.0UI框架,vue-quill-editor等技术实现前台页面,前台地址是:[Vue-iView-Demo]项目下载地址:https://gitee.com/huang_yuze/Vue-iView-demo.git由于前期没有上传后台原创 2021-01-17 22:19:31 · 1549 阅读 · 2 评论 -
1.简介 页面为布局页面,通过router-view显示子路由页面,现在需要点击按钮刷新子路由 2.解决 <router-view v-if=“isRouterAlive“></r
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-11-08 15:04:42 · 2727 阅读 · 2 评论