vue学习
文章平均质量分 58
小南瓜地
这个作者很懒,什么都没留下…
展开
-
vue3学习之生命周期
【代码】vue3学习之生命周期。原创 2022-12-12 10:43:22 · 130 阅读 · 0 评论 -
vue+js登陆页面, 前端实现滑块验证
滑块验证原创 2022-11-08 15:31:02 · 689 阅读 · 0 评论 -
需求:vue+svg实现连线功能
问题描述:如标题所示参考了svg.js和jquery实现连线功能需求:1.右侧两个方框可以合成一个bond,点击bond之后又可以恢复。2.一对一连接3.有回显功能package.json@svgdotjs/svg.js: “^3.1.1”解决方法:svg_style.css.draw-container { position: relative; margin-top: 50px;}.data-list { position: absolute;}原创 2021-12-14 14:24:25 · 4625 阅读 · 3 评论 -
vue3+ts 记录一下学习过程以及需要注意的问题
安装npm i -g @vue/clivue create xxnpm i axios -Snpm install --save vue-property-decoratornpm install element-plus --savenpm i --save ant-design-vue特别注意1.级别:vue3.0 中v-if 总是优先于 v-for 生效2.路由:hash模式:createWebHashHistoryhistory模式:createWebHistory3. s原创 2021-10-29 17:33:05 · 1210 阅读 · 0 评论 -
打包项目,动态更改标题和icon
问题描述:两套标题和icon,切换打包命令,动态更改解决方法:1.创建三个文件.env(默认)VUE_APP_CLIENT_TYPE=maxcnVUE_APP_ICON=first.icoVUE_APP_TITLE=第一套标题.env.csVUE_APP_CLIENT_TYPE=csVUE_APP_ICON=second.icoVUE_APP_TITLE=第二套标题NODE_ENV=production.env.maxcnVUE_APP_CLIENT_TYPE=maxcnV原创 2021-10-08 15:22:49 · 769 阅读 · 2 评论 -
webpack 压缩图片
问题描述:vue正常打包之后一些图片文件很大,使打包体积很大,通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积。参考,点这里解决方法:一定要用cnpm安装cnpm i image-webpack-loader --save-dev vue.config.jsmodule.exports = { publicPath: process.env.NODE_ENV === "development" ? "/" : "./", production原创 2020-12-11 16:16:59 · 1097 阅读 · 1 评论 -
vue 写一个轮播图
问题描述:项目里需要一个轮播图,引用用vue写一个轮播图效果解决方法:第一种方法:elementui的跑马灯<template> <div class="lunbo-box"> <el-carousel indicator-position="outside"> <el-carousel-item v-for="item in abc_img" :key="item"> <img :src="item.img"/原创 2020-06-29 10:56:51 · 1715 阅读 · 0 评论