Vue开发-好得很程序员自学网

微信小程序开发初学：全局配置及页面配置

微信小程序开发初学：全局配置及页面配置...

阅读:28次

实例展示小程序限定5秒后显示内容

在小程序中，如果你想要在用户加载页面后，等待5秒钟，然后显示内容，你可以使用setTimeout函数来实现这个功能。...

阅读:30次

小程序点击如何调用公共JS函数

?在小程序中，如果你想在页面的按钮点击事件中调用公共JS文件中定义的函数，你需要首先确保该公共JS文件已经被正确导入到页面的逻辑文件中。...

阅读:28次

小程序点击按钮请求并绑定数据

?在微信小程序中，可以使用wx.request方法来发起网络请求，并使用this.setData方法来绑定数据。以下是一个简单的例子，假设我们要在小程序中点击按钮，然后发起一个GET请求，并将请求结果绑定到数据中...

阅读:25次

小程序按钮点击请求服务器方法

小程序按钮点击请求服务器方法...

阅读:23次

安装nvm node版本管理器的操作方法(vue2.x迁移vue3.x)

目录前言：Mac 安装nvm解决方案：前言： vue2.x项目迁移vue3.x，由于node使用版本不同，需要管理不同的node来满足项目需求...

阅读:70次

vue报错"vue-cli-service‘不是内部或外部命令,也不是...”的解决办法

问题描述项目执行npm run serve后报错产生原因（最大概率原因）由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错（其他出错情况，见下文扩展...

阅读:68次

Vue2 Element description组件列合并详解

目录前言一、首次尝试1.style的失败尝试2.DOM结构二、解决方案总结前言需求是description需要做成首行3列, 剩余行为4列, 额, 我说的是算上标签, 就像这样:...

阅读:70次

vue菜单栏自适应折叠功能示例

目录一、在使用了el-menu的页面下，通过watch监听宽度变化。1.在方法里面定义2.在watch上里面引用3.在data里定义变量二、在el-menu中定义:collapse=[isCollapse]，isCollapse为false是展开，为true是折...

阅读:61次

vue3的父传子问题(单项数据流)

目录vue3父传子(单项数据流)vue3 父子传参简单易懂父传子子传父vue3父传子(单项数据流)...

阅读:53次

图文详解Vue3没有代码提示问题的解决办法

在上一篇笔记中提到了Vue3+vite+Ts写代码过程中，出现的代码自动补全失效功能，今天来谈谈如何解决这个问题。...

阅读:67次

vue pdf二次封装解决无法显示中文问题方法详解

目录前言完整代码解决无法显示中文问题前言 vue-pdf 可以实现PDF文件在线预览并且支持分页。安装方式：npm install --save vue-pdf...

阅读:49次

vue elementui表格获取某行数据(slot-scope和selection-ch

效果图： 1.当写后台管理页面时，使用element ui里的table表格时，表格中有操作按钮，获取当前行的数据时，我们可以使用 slot-scope="scope"来获取。...

阅读:113次

Vue (Vuex)中 store 基本用法

store是一个管理状态，在vuex中使用。 import Vue from \'vue\' import Vuex from \'vuex\' Vue.use(Vuex)...

阅读:61次

element 实现导航栏收起展开功能及思路

目录element 导航栏收起展开实现思路PS：Vue结合element-ui实现导航菜单展开收缩小功能上篇文章介绍了vue使用ElementUI时导航栏默认展开功能的实现，今天介绍下element 导航栏收起展开功能的实现思路。...

阅读:53次

vue3 element-plus二次封装组件系列之伸缩菜单制作

目录1、效果 2、主要逻辑代码1、效果折叠效果--只剩图标展开效果--有图标有文字...

阅读:51次

vue多页面项目实现版本快照功能示例详解

目录背景需要解决的问题：实现思路：实现过程：文件保存：关键代码：背景...

阅读:51次

vue阻止重复请求实现示例详解

目录背景思路方式1-通过定时器做防抖处理(a)概述(b)代码(c)预览(d)存在的问题情况-在点击事件上做防抖情况-在接口方法做防抖方式2-通过取消ajax请求(a) 概述(b)原理原生ajax取消请求axios取消请求(c)代码步骤1-通过...

阅读:48次

VUEX 使用 mutations的两种方式

目录VUEX 使用 mutations第一种使用方式：第二种方式 mapMutationsPS：Vuex中mutations的用法VUEX 使用 mutations...

阅读:56次

Vue突然报错doesn‘t work properly without JavaScript en

突然报错未启用JavaScript 下午演示项目的时候突然给我整了一出JavaScript未启用，当场就把我整尴尬了；...

阅读:55次

iView UI FORM 动态添加表单项校验规则写法实例

目录IView UI 表单验证深入了解探究原理IView UI 表单验证深入了解在开发xxx需求中，有个交互是动态添加问题项，并需要做表单验证，在做动态表单验证的过程中遇到了问题，记录下这次是如何解决的。...

阅读:87次

vue项目刷新当前页面的三种方式(重载当前页面数据)

目录vue项目刷新当前页面的三种方式(重载当前页面数据)一、this.$router.go(0)二、location.reload()三、用provide / inject 组合PS:vue项目刷新当前页面的三种方法vue项目刷新当前页面的三种方式(重载当前页面数据...

阅读:62次

vue通过url方式展示PDF的几种方法

目录1.使用pdfjs-dist 插件，通过iframe标签显示 2.使用vue-pdf插件3.第三种方法使用了pdfjs-dist插件，通过url实现PDF转图片显示4.直接通过iframe标签总结最近vue项目中遇到预览pdf出现乱码问题，尝试了...

阅读:88次

vue跨窗口通信之新窗口调用父窗口方法实例

众所周知，在vue中bus等工具只能跨组件通信，如何实现跨窗口通信呢？场景如下，我们在A窗口中新开了B窗口，想在B窗口中调用A窗口的方法？...

阅读:58次

一篇Vue、React重点详解大全

目录Vue生命周期MVVM双向绑定原理虚拟domv-for为什么要用keynextTickv-show、v-if的区别vue单页面应用如何首页优化Vue 的父组件和子组件生命周期钩子执行顺序是什么Vue 中的 computed 是如何实现的React 不同之处vu...

阅读:57次

vue前端RSA加密java后端解密的方法实现

目录一、前言二、前端代码与用法三、后端代码与用法一、前言最近安全测试的总是测出安全漏洞来，让开发改。...

阅读:53次

Vue实现动态路由导航的示例

目录1、导航守卫二、功能展示三、原理四、功能实现⛵小结1、导航守卫...

阅读:58次

Vue-cli3中使用TS语法示例代码

目录ts有什么用？为什么用ts？1、引入Typescript包2、配置3、让项目识别.ts4、vue组件的编写ts有什么用？...

阅读:49次

Vue2 中的数据劫持简写示例

目录package.json 相关依赖Webpack.config.js 配置文件public/index.html 文件内容全部文件目录结构实例一个模拟的 Vue 应用vue/index.js 文件主要是负责初始化内容initState方法核心文件vue/observer.jsvue/observ...

阅读:50次

vue3怎么数据监听watch/watchEffect

目录watch()函数watchEffect()函数watch 与 watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数,...

阅读:48次

vue项目登录成功拿到令牌跳转失败401无登录信息的解决

目录vue项目登录成功拿到令牌跳转失败401无登录信息问题原因vue项目登录处理token令牌问题总结vue项目登录成功拿到令牌跳转失败401无登录信息...

阅读:52次

vue+elementUI下拉框回显问题及解决方式

目录vue elementUI下拉框回显问题正确回显格式应该是这样而回显的确实这个值的idvue下拉框回显映射单选框多选框级联框总结vue elementUI下拉框回显问题...

阅读:76次

让ChatGPT解读Vue3源码过程解析

目录前言实战setup小结总结前言 ChatGPT 最近十分火爆，今天我也来让 ChatGPT 帮我阅读一下 Vue3 的源代码。...

阅读:49次

VUE使用ElementUI下拉框 @change事件数据不回显问题

目录使用ElementUI下拉框 @change事件数据不回显问题解决方案VUE下拉框数据及数据回显问题总结使用ElementUI下拉框 @change事件数据不回显...

阅读:58次

命令行CLI一键生成各种烦人的lint配置实例

目录前言create-lint-config使用现有功能源码解读TODO总结前言写一个前端工程，要配置特别多的配置文件，大量的配置文件让我们很烦心，占用了大量写代码的时间。...

阅读:57次

Vue.js中动态更改svg的相关属性详解

目录引言怎样将一个远程的svg图标资源"下载"到本地怎样更改svgdom结构里面的相关属性引言...

阅读:61次

ElementUI下拉框选择后不显示值问题及解决

目录ElementUI下拉框选择后不显示值解决elementUI下拉框value和label问题总结ElementUI下拉框选择后不显示值...

阅读:47次

webpack中的optimization配置示例详解

webpack配置optimization minimizerruntimeChunknoEmitOnErrorssplitChunks 主要就是根据不同的策略来分割打包出来的bundle。...

阅读:57次

vue之elementUi的el-select同时获取value和label的三种方式

目录一. 需求二. 方法1. 通过ref的形式（推荐）2. 通过字符串拼接的形式（推荐）3. 通过遍历的形式（不推荐）总结一. 需求...

阅读:98次

Vue 事件处理函数的绑定示例详解

目录正文Vue 的事件处理绑定事件修饰符按键修饰符Vue 为什么会在 HTML 中监听事件？正文...

阅读:50次

Vue3使用JSX的方法实例(笔记自用)

目录1. Vue3 中 JSX 的基本应用1.1 在 .vue 文件中使用 jsx1.2 .jsx文件格式2. JSX 和 template 的区别2.1 插值2.2 自定义组件2.3 属性和事件2.4 条件和循环 3. JSX 和 slot （体会 JSX 的优越性）总结 1...

阅读:55次

vue3自定义插件的作用场景及使用示例详解

目录插件的作用场景插件的定义（注册）插件的安装插件的使用插件中的Provide/inject插件的作用场景...

阅读:58次

Vue3.x+Element Plus仿制Acro Design简洁模式实现分页

开发中难免会遇到宽度很窄的列表需要使用分页器的情况，这时若使用Element Plus组件的分页器会导致分页器内容超出展示的区域，而Element Plus组件中目前没有Acro Design那样小巧的分页器（Arco Design Vue）如下图所...

阅读:56次

vue与django(drf)实现文件上传下载功能全过程

目录文件上传功能上传后端部分上传前端部分（vue添加vue.js和node.js，设置eslint）文件下载功能下载后端部分下载前端部分总结文件上传功能...

阅读:54次

Vue数据监听器watch和watchEffect的使用

目录watch()函数watchEffect()函数watch与watchEffect之间的联系与区别我们都知道监听器的作用是在每次响应式状态发生变化时触发，在组合式 API 中，我们可以使用 watch()函数和watchEffect()函数,...

阅读:53次

Vue实现用户没有登陆时,访问后自动跳转登录页面的实现思路

目录设计思路代码实现设计思路定义路由的时候配置属性，这里使用needLogin标记访问页面是否需要登录设置路由守卫，每个页面在跳转之前都要经过验证，校验用户信息是否存在，不存在跳转到登录页用户登录后将用...

阅读:65次

vue实现将自己网站(h5链接)分享到微信中形成小卡片的超详细教程

目录最新更新前言准备工作前端业务实现（超详细）后端代码实现（超详细）总结最新更新...

阅读:50次

el-input无法输入的问题和表单验证失败问题解决

目录1.el-input无法输入的问题原因1、el-input组件没有绑定双向响应式数据(v-model)原因2、组件嵌套太深还是该组件是一个坑(具体原因不清楚，只知道解决方法)解决方法的步骤2.表单验证失败的问题总结1.el-input无法...

阅读:51次

Vue3获取DOM节点的3种方式实例

目录1 .原生js获取 DOM 节点：2. vue2中获取当前组件的实例对象：3.vue3中获取当前组件的实例对象：总结1 .原生js获取 DOM 节点：...

阅读:67次

vue跳转页面常用的几种方法汇总

目录1：router-link跳转1.不带参数2.带params参数3.带query参数2：this.$router.push()1.不带参数2.query传参 3.params传参4.query和params区别3：this.$router.replace() 4：this.$router.go(n) ps...

阅读:66次

Vue与小程序技术最新更新教程及学习资料