Ant Design Vue 走马灯实现单页多张图片轮播
最近的项目有个需求是,这种单页多图一次滚动一张图片的轮播效果,项目组件库是antd 然而用了antd的走马灯是这样子的 我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还怎么为公司 ... »
vue2升级vue3指南(一)—— 环境准备和构建篇
1、nodejs和npm 注意二者的版本,版本过低需要升级,本人升级后的版本如下: $ node -v v16.15.1 $ npm -v 8.11.0 2、package.json 和依赖升级 由于我的项目采用的原架构是vue2+vant2+sass+axios+webpack,由于项目是通过vu ... »
Vite+TS带你搭建一个属于自己的Vue3组件库
theme: nico 前言 随着前端技术的发展,业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant,AntDesign等等。但是作为一个前端开发者,你知道一个UI组件库是如何被打造出来的吗? 读完这篇文章你将学会: 如何使用pnpm搭建出一个menorepo环境 如何使用vi ... »
vue封装原生的可预览裁剪上传图片插件H5,PC端都可以使用
思路:1.先做出一个上传的图片的上传区 <!-- 上传区 --> <label for="fileUp"> <div class="upBorder"> <img src="../assets/add.png" alt="" /> <input ref="fileUp" type="file" id ... »
基于SqlSugar的开发框架循序渐进介绍(11)-- 使用TypeScript和Vue3的Setup语法糖编写页面和组件的总结
随着Vue3和TypeScript的大浪潮不断袭来,越来越多的Vue项目采用了TypeScript的语法来编写代码,而Vue3的JS中的Setup语法糖也越来越广泛的使用,给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击,不过随着大量的学习和代码编写,经历过一段难熬的时间后,逐步适应了这种... ... »
tauri+vue开发小巧的跨OS桌面应用-股票体检
最近打算写一个用于股票体检的软件,比如股权质押比过高的股票不合格,ROE小于10的股票不合格,PE大于80的股票不合格等等等等,就像给人做体检一样给股票做个体检。也实现了一些按照技术指标、基本面自动选股,实盘买卖点回测功能等等等等。我用vue开发了这样一个软件,目前只有我自己在浏览器上使用,许多小伙 ... »
vue:将px转化为rem,适配移动端vant-UI等框架(postcss-pxtorem)
1.下载lib-flexible 使用的是vue-cli+webpack,通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import 'lib-flexible/flexible' 3.设置meta标签 通过meta标签,设置设备宽度以及缩放比例 &lt;meta name »
vue 项目的运行与 打包
1、vue init webpack 2、npm install axios 3、npm run dev 运行项目 4、npm run build 打包项目 会生成一个dist 文件夹,我们只需要把 里面内容上传到服务器即可【FTP之类的方式】 5、vue项目如何没有www.xxx.com/#/index 里面的/#这一段 6、 1、npm run build 生成的 dist文件 »
Vue packages version mismatch
出现这个错误可能是vue版本和vue-template-compiler的版本不同,运行npm list 查看npm包 npm list 然后拉到最下面 查看vue的版本和vue-template-compiler的版本,分别为2.6.6 和 2.6.10 然后 在package.json 将2.6.6的版本改为 2.6.10,然后 npm i ,下载完成,npm run »
vue项目的问题--tab切换上拉加载
最近在写vue的项目,遇到的问题总结: loading为false是加载中,finished为true是已结束状态,onLoad是执行函数(分页添加list的值) 初始化loading为false,finished为false。 加载的list,页面上有个切换的tab,实现切换不同的类型,加载不同的list的功能。vant-ui的list就有个bug,当切换tab的时候,它的onload没方法自动 »
vue之watch用法
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $watch(); vue单文件组件写法: &lt;!--观察数据为字符串或数组--&gt; &lt;input v-model="example0"/&gt; &lt;input v-model="example1"/&gt; &lt;!--当单观察数据examp »
使用Vue-cli脚手架创建项目
使用vue-cli创建模板项目 官方文档:https://cli.vuejs.org/guide/ 参考文档:https://www.cnblogs.com/l-y-h/p/11241503.html 1、什么是vue-cli vue-cli是vue官方提供的vue.js脚手架工具,用于快速自动生成vue.js+webpack的项目模板。 脚手架工具简单讲就是自动将项目需要的环境、依赖等信 »
vue打包后js和css、图片不显示,引用的字体找不到问题
vue打包后js和css、图片不显示,引用的字体找不到问题;图片一般都是背景图片。 一、vue打包出现js和css不显示问题: 1、不使用mode:‘history’ 2、使用mode:‘history’手动添加: dist包不是服务器跟目录,在index.htm里手动给js和css添加dist目录即可/dist/; 3、或者使用mode:‘history’修改配置: config里面的index »
vue的$on和$emit
Vue.prototype.$on = function (event, fn) { const hookRE = /^hook:/ //检测自定义事件名是否是hook:开头 const vm = this if (Array.isArray(event)) { // 如果第一个参数是数组 for (let i = 0; i &lt; event.length; »
关于在vue中引入tinymce遇到的一些问题,拿出来与大家分享一下
待编写 »
vue 动态获取浏览器URL,并配置axios的baseURL
关于window.location的详解: window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。 下面,以http://www.xxxxxx.com:8000/test?id=123&amp;username=xxx为例来进行解释: 1. window.location.href (当前url)—— http://www.xxxx »
js proxy 代理模拟vue实现数据双向绑定
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&g »
# Vue3 toRef 和 toRefs 函数
Vue3 toRef 和 toRefs 函数 上一篇博文介绍了 vue3 里面的 ref 函数和 reactive 函数,实现响应式数据,今天主要来说一下 toRef 函数和 toRefs 函数的基本使用。 toRef 函数 通过上一篇博客,我们知道,ref 函数可以创建一个响应式的数据,那 toR ... »
vue组件化-容器
container.vue &lt;template&gt; &lt;div :key="mkey" :path="mkey"&gt; &lt;component v-for="(data,k) in cardMap[mkey]" :is="data.card_type" :card="data" :key="k*100+data.key" »
009——VUE中watch监听属性变化实现类百度搜索栏功能
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;watch监听属性变化实现类百度搜索栏功能&lt;/title&gt; &lt;script src="vue.js"&gt;&lt;/scrip »
- ASP.NET MVC-动态网页开发-宿舍管理系统 2022-07-11
- 编译kubeadm使生成证书有效期为100年 2022-07-11
- Tomcat深入浅出——最终章(六) 2022-07-11
- @RequestBody,@RequestParam是否能随意改变入参字母大小写 2022-07-11
- react antd上拉加载与下拉刷新与虚拟列表使用 2022-07-11
- DNS 系列(二):DNS 记录及工作方式,你了解吗? 2022-07-11
- FastASR——PaddleSpeech的C++实现 2022-07-11
- 有关golang信道的面试笔记 2022-07-11
- 全面吃透JAVA Stream流操作,让代码更加的优雅 2022-07-11
- 《吐血整理》保姆级系列教程-玩转Fiddler抓包教程(4)-会话面板和HTTP会话数据操作详解 2022-07-11
- 密码学系列之:使用openssl检测网站是否支持ocsp 2022-07-11
- CMU15445 (Fall 2019) 之 Project#3 - Query Execution 详解 2022-07-11
- C++20 以 Bazel & Clang 开始 2022-07-11
- Three.js系列: 在元宇宙看电影,享受 VR 视觉盛宴 2022-07-11
- Ant Design Vue 走马灯实现单页多张图片轮播 2022-07-11
- 你被离职员工投诉过吗? 2022-07-11
- 看起来是线程池的BUG,但是我认为是源码设计不合理。 2022-07-11
- C#实现FFT(递归法) 2022-07-11
- 2022年暑期集训记录--7月11日 2022-07-11
- Deep Learning-深度学习(二) 2022-07-11