devtools浏览器edge vue

vue存储库-----pinia

# vue存储库 pinia和vuex ### pinia与vuex的区别 (1)pinia它没有`mutation`,他只有state,getters,action【同步、异步】使用他来修改state数 (2)pinia他默认也是存入内存中,如果需要使用本地存储,在配置上比vuex麻烦一点 (3) ......
pinia vue

vue3中使用swiper的完整版教程

在 vue3 中使用 swiper, 实现轮播图的效果;如果组件样式等模块引入不当,很有可能导致,页面无效果;或者想要的箭头或者切换效果异常问题。 使用命令 npm install swiper 安装 swiper插件; 在main.js里使用样式文件,如下所示: 注意需要安装:npm instal ......
整版 教程 swiper vue3 vue

npm install安装vue-element-admin报错

## 报错信息 ``` npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart() npm ERR! Error while executing: npm ERR! C:\Program Files\Git\cmd\git. ......
vue-element-admin install element admin npm

模拟浏览器服务器代码

模拟服务器代码: import socket sok = socket.socket() sok.bind(('127.0.0.1',7788)) sok.listen(3) while True: print("李凤娟服务器已启动...........") conn,addr = sok.acce ......
浏览器 代码 服务器

vue-treeselect的组件使用

一 先通过npm 安装 vue-treeselect 二 页面中引入,声明组件 三 页面使用 data中的数据 最终效果图 ......
vue-treeselect treeselect 组件 vue

Vue3 使用重点记录

节选于教程: Vue3 入门指南与实战案例 1.响应式API 1.1 ref Ref 对象的值的读取,切记!必须通过 .value 例子: // 读取一个字符串 const msg: string = 'Hello World!' console.log(msg) // 读取一个数组 const u ......
重点 Vue3 Vue

vue项目切换语言方法

随便打开一个网页 右键 - 审查元素 粘贴入以下代码: var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javas ......
语言 方法 项目 vue

vue3探索——组件通信之依赖注入

# 背景 通常情况下,当我们需要从父组件向子组件传递数据时,会使用 **props**。想象一下这样的结构:有一些多层级嵌套的组件,形成了一颗巨大的组件树,而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下,如果仅使用 props 则必须将其沿着组件链逐级传递下去,这会非常麻烦: ! ......
组件 vue3 vue

vue

第一课 第一件事情:课程前言 学习内容规划: 框架概述 前言复习 前端框架 页面+数据库业务实战 第二件事情:前段框架 1.为什么需要前端框架? 当前前端开发的状态 前端基础语言: html:构建页面内容结构 css:美化和布局页面内容 Javascript:提供交互能力和动态 三者整合就是我们看到 ......
vue

Vue+Element ,如何给一个表单设置自定义规则或多个验证规则

> 依旧是公司里那个Vue+Element UI的项目。今天遇到了一个新的问题:表单中某个选择器的值不同,控制着下面表单内容是否显示。放图: ![](https://img2023.cnblogs.com/blog/1798914/202308/1798914-20230830201404126-1 ......
规则 表单 多个 Element Vue

Django+Vue+Websocket+宝塔的部署历程

#### 必须得吐槽一下CSDN,两三页的搜索内容都是抄来抄去的,而且内容都是过时不适用的,真不知道意义何在. ## 本文章环境版本如下 + Python 3.10 + Django 3.2.3 + Vue3 ### 注:本文为腾讯云服务器一键部署的宝塔环境,所以本文不涉及宝塔的安装步骤,可以自行找 ......
宝塔 Websocket 历程 Django Vue

Vue报错 Error in destroyed hook: "TypeError: xxx is not a function”

## 问题 将项目npm run build打包以后,进入项目本地文件夹dist,打开index.html,页面空白并且报如下错误 ![image](https://img2023.cnblogs.com/blog/2911541/202308/2911541-20230830192813812-7 ......
TypeError destroyed function Error hook

记录--vue 拉伸指令

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在我们项目开发中,经常会有布局拉伸的需求,接下来 让我们一步步用 vue指令 实现这个需求 动手开发 在线体验 codesandbox.io/s/dawn-cdn-… 常规使用 解决拉伸触发时机 既然我们使用了指令的方式,也就是牺牲 ......
指令 vue

网页全终端h5浏览器视频流解决方案RTSP/FLV/HLS

#背景 项目上需要基于视频巡检,在线勘查填写定制表单,减少巡检成本。 巡检根据不同的筛选项精准获取视频播放地址,查看视频,根据直播在线情况,验收现场。 本文着重讲前端部分视频流展示解决方案。 # 调研 流媒体(streaming media)是指将一连串的媒体数据压缩后,经过网上分段发送数据,在网上 ......

vue常见问题汇总

来源:https://www.fly63.com/ Q1:安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本/*cnpm website: https://npm.taobao.org/*/npm install -g cnpm --registry=h ......
常见问题 常见 问题 vue

数据可视化【原创】vue+arcgis+threejs 实现流光边界线效果

本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 效果图: 素材: 主要思路: 先用arcgis externalRenderers封装了一个ExternalRendererLayer,在里面把arcgis和threejs的context关联,然后再写个子类继承它,这部 ......
边界线 流光 边界 效果 threejs

vue 支持 超大上G,多附件上传

​ ASP.NET上传文件用FileUpLoad就可以,但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计:TextBox和Button按钮。 ​ 编辑 TextBox中需要自己受到输入文件夹 ......
附件 vue

node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported

#### 出现原因 貌似是因为是因为 node 17版本开始发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响。 #### 解决方法 ##### 第一种方法降低node版本 降低到17以下即可 ,如项目不能降低版本 看后面的解决方式 ......

Fabric区块链浏览器(3)

本文是区块链浏览器系列的第五篇,项目完整代码在[这里](https://github.com/mengbin92/browser/tree/main)。 在[上一篇文章](https://mengbin.top/2023-08-20-browser2/)中给浏览器增加了简单的用户认证,至此浏览器的基 ......
区块 浏览器 Fabric

基于vue3 封装一个图片裁切功能组件 vue-cropper.js

##使用的vue-cropper.js,官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意:下载vue-cropper. ......
vue-cropper 组件 vue cropper 功能

若依Vue2.0框架学习之路由跳转

## 免责声明 + 新项目在若依前后端分离(Vue2.6.x + Springboot2.2.x)模板基础上进行项目开发,苯人真得学学模板吧!理解错误概不负责,毕竟ko no 菜鸡一枚 da。 + 我们幼儿园有适合自己看的注释拉满文档! + 本篇只涉及路由跳转,什么登录流程和权限管理先往后稍稍。 # ......
路由 框架 Vue2 Vue

VUE slot 插槽失效、不起作用 、 显示失败问题解决、默认内容没有失效、undefined,样式不生效等某些异常

主要原因是 vue 和 vue-template-compiler 的版本号不对应,本地和线上的可能不一致 编译结果不对应 本地环境使用的版本一般是一致的,提交到线上,打包模块 vue-template-compiler 可能和本地不一致,vue.js 有可能做过 cdn,又是另一个小版本... 导 ......
样式 undefined 作用 内容 问题

vue-esign插件实现手写电子签名

vue-esign插件实现手写电子签名 本文转载出处 https://blog.csdn.net/weixin_45178215/article/details/117249600 https://www.jianshu.com/p/cfb9d5998cd6 功能 兼容 PC 和 Mobile; 画 ......
vue-esign 插件 esign 电子 vue

VUE3 页面空白不报错,刷新之后正常显示

问题: VUE用的不多,写了两个页面展示表格和图形,刚开始运行正常,页面切换也没有问题。 后面增加一些代码后,页面显示空白,但前后端都不报错,并且先点击此菜单再点别的也都变空白。 原因: 1、<template>中间没有div标签 错误写法: <template> 直接开始布局 </template ......
空白 页面 VUE3 VUE

vue的form表单按回车键刷新

当vue的form表单只有一个输入框时,按回车会触发刷新整个页面,可以在form上用@submit.native.prevent来阻止刷新 <el-form ref="form" :model="form" :rules="rules" label-width="60px" @submit.nati ......
回车键 表单 form vue

Vue

1、Vue 获取表格行索引 参考地址:https://devpress.csdn.net/vue/632bf8ce357a883f870c7bfa.html 2、Vue 组件间传值 参考地址 :https://blog.csdn.net/m0_74343097/article/details/128 ......
Vue

VUE路由(2018)

在当前的前端开发中,路由是一个很重要的概念,尤其是针对单页面app,因为通过路由可以实现不跳转加载刷新。比如angular应用,vue应用。 VUE路由语法: 1.首先,安装方法和angular路由类似,可以单独安装,也可以直接使用VUE-cli集成使用。 2.vue接收路由的渲染输出的标签是<ro ......
路由 2018 VUE

Vue学习笔记一(2019)

1.Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (sta ......
笔记 2019 Vue

关于 Vue2.0 中 element-ui@2.15.7 中使用 vue-final-modal@2.4.3 弹窗库 出现了 el-cascader 点击外部,popover不隐藏的问题

原因:element-ui 是在 document 上通过监听 mousedown 和 mouseup 事件-来组合判断是否点击的外部【可查看 element-ui 的自定义指令 v-clickoutside】 vue-final-modal 在 .vfm__content dom 上使用 e.st ......

vue3结合arcgis加载高德底图

加载arcgis先查看这个文章 [vue3中使用arcgis](https://www.cnblogs.com/ZerlinM/p/17666502.html) ## 高德 ``` const map = new Map({ basemap: '', // 此处置为空 }) mapView = ne ......
arcgis vue3 vue