效果echarts项目vue
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决:若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述: 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可 ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件,他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下,由vuecli创建的项目,其/public下会存在index.html这一入口文件(若是vite的话会存在根目录和src同级),public下的文件不参与打包过程,因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后,可以在剩下vue组件中通过window.gl ......
最新版本的AndroidStudio新建Android项目时设置语言为java
我们之前用AndroidStudio新建项目时是这样的 选择EmptyActivity,下一步 怎么没了语言选项了,java呢? 改为EmptyViewsActivity这个就好了 ......
使用 docker 部署项目,利用 nginx 转发请求,客户端 ip 变成 docker 默认网桥:172.24.0.1 的问题。
如果项目是使用 docker 部署的,并且利用了 nginx 转发请求,这个时候,对于 nginx 的 conf 文件,需要在每个 location 里面配置上以下3个配置,才能正确获取到客户端 ip: 翻译 搜索 复制 ......
vue中el-upload结合vuedraggable实现图片的上传、排序、删除以及预览等功能_element upload
<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start:拖拽开始 end:拖拽结束 imageLists:需要展示图片的数组--> ......
echarts图表,在notebook里为什么显示不出呢?
大家好,我是皮皮。 一、前言 前几天在Python最强王者交流群【吴超建】问了一个echarts图像可视化的问题,一起来看看吧。 echarts图表,在notebook里为什么显示不出呢? 二、实现过程 这里【巭孬🕷】给了一个思路:https://pyecharts.org/#/zh-cn/ass ......
【Vue】组件传值的六种方法
Vue 组件之间的通信大概归类为: 父子组件通信: props;ref;$attrs / $listeners;$parent / $children 兄弟组件通信: eventBus;vuex 跨级通信: eventBus;Vuex;$attrs / $listeners 一、props/$emi ......
vue 实现文件切片上传
在实际开发项目过程中有时候需要上传比较大的文件,然后呢,上传的时候相对来说就会慢一些,so,后台可能会要求前端进行文件切片上传,很简单哈,就是把比如说1个G的文件流切割成若干个小的文件流,然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入,首先我们使用 elementUI 也好,原生的 ......
VS2022 升级到17.8.0版本后,项目属性打不开,无法设置编译为.NET 8.0怎么办?
VS 2022 升级到17.8.0后,已经集成安装了.NET SDK 8.0.0,打开现有.NET 7.0的项目,发现在在右上角解决方案管理器中的项目名字上点右键,出现的快捷菜单中选择属性,竟然毫无反应,无法打开属性页,无法设置编译目标,网上搜索无果。 .NET SDK 8.0.0 Visual S ......
vue2项目打包后index空白路径报错
我目前是vue2版本5.0.8,记录自己遇到打包后的路径问题 使用的环境是nodejs,vue2@cli脚手架 因为打包默认配置是/绝对路径,这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
vue3 父组件传值给子组件 子组件修改后回传给父组件
父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
第二十二篇 - Vue3中el-table篇
今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
第十七天PHP 开发-个人博客项目&TP 框架&路由访问&安全写法&历史漏洞
PHP框架真正的发展是从php5开始的,在php5中对对象模型的修改对框架的发展起了很大的作用。PHP框架就是通过提供一个开发web程序的基本架构,把基于web开发的PHP程序摆到流水线上。换句话说,php开发框架有助于促进快速软件开发,节约了开发时间,减少了代码的重复编写。 URL访问 · Thi ......
vue3 子组件修改父组件的两种方法
<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
vue+element项目部署到线上,所有icon图标不显示,解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
vue-大文件分片及断点上传
最近开发过程中,有一个大文件分片上传的功能,借鉴于网上的思路,结合自己后端的逻辑,完成了这个功能,在此记录如下: 界面展示: 一、将大文件分片上传写为一个组件,可以全局注册该组件,也可以在使用的页面注册该组件,使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传,所以我是在App.v ......
拉取项目运行npm run dev报错
1、npm指定版本更换 npm -g install npm@6.14.11 2、更换最新版本 npm install -g npm 3、加载依赖报错 npm install --force ......
GitLab 不允许将代码推送到该项目上受保护的分支
不允许将代码推送到该项目上受保护的分支 这意味着还没有要保护的master分支,因为空存储库没有分支。 要"启用/禁用分支保护",您需要是GitLab项目的主管理员或所有者。 该分支是master是受保护分支,无论是master还是开发者都无权限push,只有owner可以操作。 1. git pu ......
Django实战项目-学习任务系统-文章汇总
学习任务系统1.0版本已经基本完成了。现在按整理下文章汇总,按照开发时间顺序列举,方便想要完整学习的人。 1,Django实战项目-学习任务系统-需求说明 https://mp.weixin.qq.com/s?__biz=Mzg2NDk2MTY3OA==&mid=2247484111&idx=1&s ......
持续集成指南:GitHubAction 自动构建+部署AspNetCore项目
前言 之前研究了使用 GitHub Action 自动构建和发布 nuget 包:开发现代化的.NetCore控制台程序:(4)使用GithubAction自动构建以及发布nuget包 现在更进一步,使用 GitHub Action 在其提供的 runner 里构建 docker 镜像,之后提交到阿 ......
Vue轻量级富文本编辑器-Vue-Quill-Editor
先看效果图:女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill(Vue-Quill-Editor需要依赖) npm install quill --save 3.代码 <template> <div clas ......
Java项目解决SLF4J绑定冲突
报错 OpenJDK 64-Bit Server VM warning: Options -Xverify:none and -noverify were deprecated in JDK 13 and will likely be removed in a future release. SLF ......
Vue 2.x脱坑记-查漏补缺
Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
[Vue warn]: <transition-group> children must be keyed: <ElTag>
记录今天遇到的bug 解决方法,一个网友说的是 我试了,不行,然后在他的评论里面看到一个人回复的 这个是可以的,我用了很多v-if和v-else,所以加了key就解决了问题,下面是我加的 ......
vue实现文件的分片上传
const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
Vue实验记录
webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装,直接下一步就可以 安装完成后,在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码,把源码按照项目格式放到 ......
vue中文件上传方法
1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
将ECharts图表插入到Word文档中
@目录在后端调用JS代码准备ECharts库生成Word文档项目地址库封装本文示例 EChartsGen_DocTemplateTool_Sample 如何通过ECharts在后台生成图片,然后插入到Word文档中? 首先要解决一个问题:总所周知,ECharts是前端的一个图表库,如何在后台调用JS ......