草庐IT

Vue-Instant

全部标签

Vue +vue-quill-editor+ Element UI使用富文本编辑器,上传图片,上传视频

如果你们有问题,可以发评论提问,我看见一定回复!!!!!文章目录一、基本使用1、下载vue-quill-editor组件2、引入·富文本组件3、工具栏相关配置4、设置工具栏中文提示5、修改vue-quill-editor字体及字号6、在页面中使用组件二、扩展使用1、上传图片-支持图片拖拽和放大缩小2、上传图片-图片动态上传到服务器3、上传视频-视频动态上传到服务器4、上传视频-修改视频``标签为``一、基本使用1、下载vue-quill-editor组件npminstallvue-quill-editor-S2、引入·富文本组件方式一:全局引入(在main.js文件中)importVuefro

vue 不同环境的baseurl配置-环境变量

1.前言1.不管讲多少遍,对这个不同的环境中baseURL的配置还是很懵2.今天在单独开篇文章写下吧3.vue-cli模式环境变量官方说明4.process说明5.最新脚手架vue/clie4x2.模式1.png3.环境变量环境变量规范1.png2.请注意,只有NODE_ENV,BASE_URL和以VUE_APP_开头的变量将通过webpack.DefinePlugin静态地嵌入到客户端侧的代码中。这是为了避免意外公开机器上可能具有相同名称的私钥。4.新建环境变量文件新建环境变量1.png.env.development.env.test.env.production根据自己的情况新建可以建好

中国省市区地区选择组件(ElementPlus + Vue3 + TS )

中国省市区地区选择组件(ElementPlus+Vue3+TS)安装npminstallelement-china-area-data-S介绍1.引用import{provinceAndCityData,regionData,provinceAndCityDataPlus,regionDataPlus,CodeToText,TextToCode}from'element-china-area-dat2.用法provinceAndCityData:省市数据(不带“全部”选项)regionData:省市区数据(不带“全部”选项)provinceAndCityDataPlus:省市区数据(带“全部”

使用 Element UI 和 Vue.js 搭建电商商城系统

作者:禅与计算机程序设计艺术1.简介电商商城系统作为传统互联网行业的标杆,在近几年已经成为各大公司必不可少的业务系统之一。但是,构建一个成熟的电商商城系统仍然具有诸多挑战。例如,功能模块繁多、用户交互复杂、界面呈现效果丰富、数据量大等。为了解决这些问题,国内外很多公司纷纷搭建了自己的电商商城系统,其中有的基于Java开发,有的基于Python开发,还有的则使用了PHP开发。虽然都有不错的性能表现,但仍然存在一些共性的问题,如页面响应时间长、功能实现复杂、代码维护难度高等。今天我将分享的是基于ElementUI和Vue.js的电商商城系统搭建方法。ElementUI是一套基于Vue.js和Ant

vite+vue+ssg做官网 再记录一下项目创建

为什么选择插件vite-ssg+vite-plugin-pages创建官网?1.CSR、SSR、SSG和ISR适合高度动态的Web应用程序客户端渲染CSR.:典型代表:单页面应用,内容都是js动态渲染服务器端渲染SSR:在服务端获取数据组装页面,返回到浏览器是html,对服务器要求高,主要应用是交互多的页面需要seo的适合高度静态的web程序静态站点生成SSG:在build的的时候就已经生成好静态页面,放在服务端的也是静态页面,博客,静态官网都非常合适增量静态再生ISR:ISR是SSG的下一个改进,它定期构建和重新验证新页面,以便内容永远不会过时显而易见,做个官网ssg就非常合适,正好相关插件

vue实现简易计算器的四种方法

一,使用表达式实现计算器:    1.1,大致内容都差不多,两个输入框,使用v-if对表达式的运算符进行切换。         //这里得type如果写number,后面的绑定就不用加上“.number” + - * / //同上 结果:{{num1+num2}} 结果:{{num1-num2}} 结果:{{num1*num2}} 结果:{{num1/num2}} varvm=newVue({ el:"#app", data:{ num1:0, num2:0

Spring Cloud+Vue前后端分离项目报错:Network Error;net::ERR_FAILED(请求跨越)

一、情况一        1.1、存在跨域请求问题        跨域请求:请求协议、域名、端口号,这三个如果有一个不一致就是跨域请求。当前URL请求URL是否跨域结果分析https://www.baidu.comhttps://www.baidu.com/index.html否域名、协议、端口号一致http://www.baidu.comhttps://www.baidu.com跨域协议不同(http/https)https://www.baidu.comhttps://www.iqiyi.com跨域域名不同(baidu/iqiyi)https://www.baidu.com:80https

vue-simple-uploader在VUE3中分片上传大文件

vue-simple-uploader是一个优秀的大文件分片上传组件,在vue2里面工作一切正常,但是在vue3里面却发现了一些问题:(1)在element-plus的el-dialog里面渲染失败;(2)上传进度条不能正常工作,重传、删除、开始、暂停等按钮不能正常工作;vue-simple-uploader的作者做了vue3的适配方案,但是直接使用这个方案还是有一些问题,比如没有删除按钮。附:vue-simple-uploader的vue3适配方式https://github.com/simple-uploader/vue-uploader/tree/vue3我采用的解决办法是,直接拉了源码

Vue3 源码解析-pnpm 开发环境的搭建pnpm

前言Vue3源码的开发环境使用的是pmpm环境,在搭建开发环境之前需要先安装pnpm.推荐使用node来安装pnpmnpminstall-gpnpm源码的开发环境的搭建初始化项目在本地新建项目目录,在该目录下使用pnpm对项目初始化.pnpminit然后在根目录下新建pnpm-workspace.yaml文件,用于告诉pnpm需要打包的路径,例如下面代码所示,表示pnpm打包的文件的位置在根目录下的packages下packages:-'packages/*'安装依赖开发环境需要依赖三个包,分别是typescript用于支持ts,minimist用于来解析打包指令的参数,开发环境使用esbui

Vue3 -- PDF展示、添加签名(带笔锋)、导出

文章目录笔锋签名方案一实现要点实现过程组件引用页面元素添加引用实现代码效果展示缺点方案二修改页面元素替换引用修改代码效果展示完整代码地址实现功能的时候采用了两个方案,主要是第一个方案最后的实现效果并不太理想,但实现起来比较简单,要求不高时可以使用。该DEMO会一次性加载并展示所有的PDF页面,目的是方便在手机上观看时上下滑动,如果要做成上一页下一页的效果,需要自行实现。笔锋签名我是用开源项目smooth-signature实现带笔锋签名的功能。Gitee地址是https://github.com/linjc/smooth-signaturenpminstall--savesmooth-sign