样式 组件scoped vue
vue国际化（多语言）
方法1：用 js-cookie 包 并且挂载在 main.js 上 1、安装 vue-i18n + js-cookie 插件 npm install vue-i18n -S npm install js-cookie --save 2、去检查一下你安装的 i18n 版本是不是 8.26.5 3、在 ......
element-ui上传组件，before-upload发送异步请求 + Promise
element-ui上传组件，before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef ......
vue2+vant2+rem+axios+钉钉自动登录 h5模板
下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
微信小程序 自定义组件 监听数据变化 出现异常 Maximum call stack size exceeded.
代码 调用处： 组件内部 本地调试无异常，发布之后出现此异常 解决方法： 监听属性steps的值变化时，调用处不能使用双向绑定，去掉steps的双向绑定即可，具体的原因未知（不知为啥本地调试不会抛异常） ......
vue sort 排序方法
1、数据排序 var arry = [9,5,6,7,5,6,3,1,0] arry.sort() // [0, 1, 3, 5, 5, 6, 6, 7, 9] 2、对象排序 var list=[{name:'张三'，age:12},{name:'李四','age:23}]; list.sort(( ......
《nodejs跨栏》vue篇——路由
路由是什么 参考链接：https://www.cnblogs.com/chengqiang521/p/15512719.html router简介 路由，一个router就是一组key-value对，只不过这里的key是路径，就是path，value是组件。 基本使用 1安装vue-router n ......
Vue2--入门学习
看了慕课网的教学视频，觉得挺不错的，在此做个随堂记录，有兴趣的可以去看视频 vue版本：2.5 文档链接：https://v2.cn.vuejs.org/v2/guide/installation.html 视频链接：https://www.imooc.com/video/16976 在vue官网下 ......
Vue路由跳转时的动画效果
1.写一个layout组件，降<router-view/>包裹在transition标签里，实现路由跳转时的动画 2.在router/index.js里面引入该组件，并放在component: layout这里，功能完成 3.transition 是vue的封装组件，具体可参考官网 https:// ......
uniapp 中的 rich-text 富文本 怎样编辑修改 样式
1.首先在 HTML 中 <rich-text :nodes="formatRichText(newObjc)"></rich-text> 2.在 methods 中 写入方法 formatRichText(html) { // html 就是你要传进来地富文本参数 // 去掉img标签里的styl ......
《nodejs跨栏》vue篇——vue简介
Vue读音 读作view Vue文件结构 参考链接：https://www.runoob.com/vue2/vue-directory-structure.html 其中App.vue代码如下： 点击查看代码 <!-- 展示模板 --> <template> <div id="app"> <img ......
Vue 路由跳转、路由传参、跳转区别、传值取值
版权声明：本文为CSDN博主「灬ManongLai」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_39453402/article/details/127958797 1、router-link <rou ......
vue使用video.js库，引入语言脚本的方式
第一种 import 'video.js/dist/video-js.css' import videojs from "video.js"; window.videojs = videojs; require('video.js/dist/lang/zh-CN'); 第二种 import 'vid ......
flutter系列之:做一个修改组件属性的动画
简介 什么是动画呢？动画实际上就是不同的图片连续起来形成的。flutter为我们提供了一个AnimationController来对动画进行详尽的控制，不过直接是用AnimationController是比较复杂的，如果只是对一个widget的属性进行修改，可以做成动画吗？ 答案是肯定的，一起来看看 ......
基于.Net5+Vue+iView前后端分离通用权限开源系统
在Github上，.Net通用的权限框架非常多，功能也都比较强大，但是对于很多初学者来说，想要从零学习框架的搭建，就比较困难了。 所以，今天给大家推荐一套比较简单的前后端分离通用权限系统。 项目简介 这是一个基于.Net5+Vue+iView开发的、前后端分离通用权限系统，系统采用三层架构，该项目功 ......
Vue watch 的handler,immediate,deep属性
new Vue({ el: '#app', data: { num: 0, sum:10, }, watch: { // 只要num的值发生变化，sum的值就会变化 不用handler的简洁写法 num(newValue, oldValue) { this.sum= newValue; } // 也 ......
关于 vue element date-picker 2023年节假日过滤
element-ui DatePicker 的使用可参考：https://element.eleme.cn/#/zh-CN/component/date-picker 具体节假日需要每年12月份，跟据国家发部的通知自己行做调整 2023年节假日通知参考：http://www.gov.cn/zheng ......
《nodejs跨栏》vue篇——新建项目
使用脚手架新建 参考链接：https://segmentfault.com/a/1190000022484789 一、安装nodejs 1、访问网址：https://nodejs.org/en/ ，下载安装（左边稳定版，右边最新版），一路next。 2、下载完成后，cmd中输入node -v，检查是 ......
11_父组件调用子组件方法
父组件调用子组件的方法 使用ref 使用变量+watch 使用中间class 使用中间class base-on-controller function receiveController(to, from) { Object.assign(to, from); } /* vue 混入模式 */ r ......
vue 导致el-menu高亮会失效的问题
一个router转到另一个router常用的方法： this.$router.push({path:'',params:{}}); this.$router.push({path:'',query:{}}); 这种方式传参都是可以接收到的。但是有个问题，导致中的el-menu不能高亮显示，进行跟踪以 ......
vue 后端传文件流前端解析并下载
注：很多小伙伴可能会出现，下载后乱码情况，因为后端传的文件流。 前端请求的时候，在请求体上需要添加申明： export function downloadExcelTemplate() { return request({ url: 'api/xxx/xxxx', method: 'post', r ......
vue中关于赋值的坑
在使用弹窗展示表格数据详情的时候，由于字段名都取一样的，在详情弹窗页面，不会在data中去特意定义每个字段名。直接用上个页面的传值，通过赋值让值直接显示: 比如: this.ruleForm = data 如果，在你需求中没有清空或者更改data中数据或许并不会产生问题。但如果在这个页面需要对数值进 ......
关于vue中动态路由404 为什么要放最下面
在vue在路由匹配机制中，对路由的匹配是从上到下的，通常使用{ path: '*', redirect: '/404', hidden: true }进行404页面跳转，*代表获取所有路径标识，如果放在前面就会提前进行匹配到404页面，从而无法匹配到正确页面。所以我们需要将其放在最后，只有当页面不存 ......
vue中 vuex踩坑笔记-刷新后动态路由不渲染
在vue中，vuex经常用于存储公共状态，特别是在登录的时候获取token再保存，这个时候 如果是做的动态路由，由于vuex的特性在你刷新后会清除你的所有操作的存储。这时候，存储的token和动态路由都会被清掉。 如何解决这个问题： 1.结合session或者cookie（通常用这个），token保 ......
vue写一个sleep函数
在Vue中，可以使用Promise和setTimeout来实现一个sleep函数。 下面是一个示例代码： function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } 这个函数接受一个毫秒数，返回一个Pr ......
vue环境配置
.env.peizhi ENV = 'peizhi' package.json "serve:peizhi": "vue-cli-service serve && webpack-dev-server NODE_ENV=peizhi --mode peizhi --open --hot" ......
Vue全局配置WebSocket
服务端可以主动向客户端推送数据，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输 创建文件/xx/global.js，且在main中引用 // global.js 文件 export default { ws: {}, setWs: function(newWs) ......
常用组件
常用组件 分页推导 首先我们需要明确的时候，get请求也是可以携带参数的，所以我们在朝后端发送查看数据的同时可以携带一个参数告诉后端我们想看第几页的数据 其次我们还需要知道一个点，queryset对象是支持索引取值和切片操作的，但是不支持负数索引情况 接下来我们就可以推导我们的自定义分页器步骤了 c ......
vue3 路由页面返回时，恢复滚动条位置
首先，路由必须是KeepAlive模式 <script setup lang="ts"> import { onActivated } from "vue"; import { onBeforeRouteLeave } from "vue-router"; import { ref } from " ......
vue中手动清除KeepAlive缓存
首先，这是vue的官方文档 KeepAlive | Vue.js (vuejs.org) KeepAlive组件能够保存当前组件状态，在进行路由跳转时变为【不活跃状态】而非卸载。但是官方并没有提供清除缓存的方法（除了刷新页面，整体重建） 假设以下是我们路由&对应组件的代码 <router-view ......
vue-cli打包出单文件
// vue.config.js修改const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, filenameHashing: f ......