首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
【Vue开发】
掉毛的小羊羔
创建于2023-07-20
订阅专栏
分享vue开发技术日常,和开发经验分享~
等 9 人订阅
共33篇文章
创建于2023-07-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【Vue3】如何封装一个支持输入和单/多选InputSelect组件-Antd
写在前面: Antd提供的select组件是不支持当作输入框使用的,并且不支持在一级状态下手动输入选项,所以就封装了一个和通用组件来实现上述功能。 组件效果: 单选模式: 多选模式: 实现步骤: 1.
【Vue3】如何理解Vue3响应式原理
一、什么是Vue的响应式? 首先Vue的响应式与要与Vue的双向绑定区分开,Vue的双向绑定指的是视图更新可以驱动数据更新,在使用中即是指v-model语法糖,而Vue的响应式是指当数据发生变化时,相
【Vue3】如何一个项目实现PC/移动端的多端适配
写在前面: 什么是多端适配? 前端的多端适配是指在开发前端网页或应用程序时,通过编写不同的布局和样式代码,使得同一个项目能够适应不同的终端设备,如PC端和移动端,以提供更好的用户体验。 由于PC端和移
【Vue3】如何实现一个自适应表格高度的 Vue Hooks
使用场景: 当在 Vue 中使用表格组件时,希望表格高度能够自适应其内容,并且当表格容器的高度发生变化时能够及时更新表格高度。 实现方法: 1. 在函数中,创建了一个 height 变量,使用了 Vu
【Vue3】全局判断go(-1)时是否具有上一个路由的解决思路
--- highlight: androidstudio theme: serene-rose --- # 解决问题: 1. 无法正确执行`go(-1)`导航操作:在一些情况下,当浏览器的历史记录长度
【Vue】前端跨域时出现Cors错误的解决方案
问题描述: 今天项目发送Cors请求时,出现Cors错误,并且原本的get请求变成了options 问题解决: 1.排查响应标头 发现响应标头未赋值,后台响应标头加上application/x-www
使用重定向域名解析实现微信公众号网页的本地调试
写在前面: 当使用Vue开发网页时,由于缺少微信环境,一旦涉及到微信官方api内容的调试时就需要打包->部署到服务器->调试->修改->打包->再部署.....实在是太麻烦了,本文教你如何通过修改ho
【Vue】列表懒加载/页面触底加载的实现
实现效果: 写在前面: 当数据量过大时,我们如果直接将数据渲染到DOM上的话,那么时间会很长,页面也会卡顿,这时候就需要用到懒加载,当页面滑动到底部时候,再把数据渲染到DOM上 实现步骤: 1.定义三
【Vue】axios结合ES6语法实现动态查询,动态拼接返回结果
问题描述: 今天在对接后台接口时,发现有一个接口数据不全,在不修改后端的前提下,如何拿到这些为null的数据呢,首先来看一下拿到的数据,结果都为null,但是又需要拿到这些数据展现到前端,那么怎么办呢
【Vue】一文说明Vuex如何安装配置,全局自动导入,按模块拆分,以及实际使用
写在前面: 首先,Vuex是什么: 根据官方的定义:每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state) 。Vuex
【Vue】利用Computed过滤重复项,保证数据的唯一性
问题描述: 由于后端返回数据不规范,所有JSON对象都是一级的,渲染出来的科室数据重复了,要改造成这种分级的效果,如果不加以过滤直接渲染,则是这种效果,可以看到内二科重复显示了四次(因为内二科中有四个
【Vue】一文说明Vue-Router如何进行路由配置拆分,路由自动导入,和全局前置守卫
写在前面: 路由管理是Vue项目的必备项,但是当项目稍成规模时,为了保证项目的模块化和可维护性,配置Vue-Router进行路由配置拆分,配置自动导入就显得很重要了 教程如下(1.编写index.js
【Vue】解决报错nonIterableSpread.js:2 Uncaught TypeError: Invalid attempt to spread...
问题描述: 在项目开发分模块拆分路由时,新建了一个路由模块时,控制台报错: 问题排查: 首先来看一下配置的js 根据报错信息,item.default 是一个非可迭代的对象,无法直接使用扩展运算符来展
【Vue】前端组件封装,封装vue组件的两种方法,前端组件化(超详细)
实现效果: 写在前面: 在开发一个项目时,在多个页面都使用了切换就诊卡这个组件,为了避免重复写同一个组件,所以将这个组件抽离出来,形成一个独立的组件,增强代码的复用性,本文就来详细睡眠如何做,只需两步
【Vue】使用v-for访问本地静态资源失败的解决方案
首先我是这么写的 然后遍历 但是却发现访问不了静态资源,查看控制台之后发现遍历之后的访问路径与直接写在页面上的url不一样,两种分别是 查看了相关资料,修改为 问题解决,访问成功
【Vue】根据数值的大小实现控制不同类的展示的简单实现
在项目开发中经常要遇到不同数值来控制不同类的展示,本次我们要实现的效果如下,根据余号的多少来控制余号的背景展示,一般可以采用:class标签来实现 实现方法:只需在:Class标签里写一个简单的三元表
【Vue】写移动端页面时,底部莫名出现白边解决方案
vue写移动端页面时,底部出现白边 原因是因为没有给content类设置display:flex,导致最后一个子div设置margin-bottom时,因为是块级显示方式的原因,所以出现了默认背景颜色
【Vue】v-for遍历时实现组件的单独展开与收起/单独添加盒子的类
实现效果: 实现方式: 首先在data里面return一个thisIndex =null, 在vue组件中动态绑定class,通过thisIndex的值和index的值动态控制要展开的盒子,添加展开的
【Vue】js数组对象赋值失败问题的解决
问题描述:我需要得到一个未来七天的 日,星期,月数据,但是用for遍历后却发现存入的值都是同一个,代码如下 结果为每一个数组对象都是相同的值,这是因为我在循环中重复使用了同一个this.current
【Vue】不用第三方组件,如何用vue手写封装一个日历导航栏组件
最近在写一个医院信息系统的项目,需要一个日历导航栏,但是搜了一圈都没有现成的组件,所以就写了一个分享给大家,教程如下 实现效果: 设计思路: 第一步:首先肯定需要获取当前的时间,所以封装一个getWe
下一页