![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue 基础的学习 遇到的bug
自律自强的鱼
不爱吃米饭
展开
-
已经完成的Vue 项目利用electron打包为桌面应用
O - 功能说明已经完成的Vue 项目利用electron打包为桌面应用Ⅰ- 壹 - 安装electron首先打包vue项目找到 dist 目录,在这个目录下打开终端生成package.jsonyarn init //ornpm init一 切换镜像yarn config set registry https://registry.npm.taobao.org/yarn config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/e原创 2021-07-26 14:26:42 · 354 阅读 · 0 评论 -
多图片上传删除-vue-element ui 组件
O - 功能说明图片的上传删除回显修改功能 ,上传到oss。Ⅰ- 壹 - 效果展示Ⅱ - 贰 - 代码文件一 创建文件uploadImgCom.vue<template> <el-upload class="avatar-uploader" ref="upload_img" action="" accept="image/jpeg,image/jpg,image/png" list-typ原创 2021-02-10 15:35:08 · 795 阅读 · 0 评论 -
vue组件 - 实现时间倒计时效果(多数据、多个倒计时处理)
效果创建文件showTime.js用于处理 时间// 倒计时var day = 0var hour = '00'var min = '00'var second = '00'function countTime (timeSrt) { // 获取当前时间 let date = new Date() let now = date.getTime() // 设置截止时间 let endDate = new Date(timeSrt) // 需要倒原创 2021-01-05 13:18:52 · 2655 阅读 · 9 评论 -
vue组件 - 弹出框组件,这一个就能应对所以需求
创建文件showModal.vue<template> <div class="myModal"> <div class="myModalBox"> <div class="clone" @click="$emit('update:chengMode', false)"> <img src="../image/iconchahao.png" alt="" /> </div> ..原创 2021-01-03 17:45:09 · 370 阅读 · 0 评论 -
Vue React解决移动端一像素问题的封装
因为不同的设备,不同的设备像素比(dpr)导致的。当我们在样式中设置边框宽度为 1px 时(这里使用的是css像素),设备像素比为2的设备,会用4个物理像素(dp)来渲染这个边框;而设备像素比为1的设备,会用1个物理像素来渲染这个边框,导致最终的视觉效果有差异。封装:stylus封装border_1px(border-width = 1px, border-color = #ccc, border-style = solid, radius = 0) // 为边框位置提供定位参考 positi原创 2020-09-23 08:27:08 · 295 阅读 · 0 评论 -
vue3 新特性
推荐视频:https://www.bilibili.com/video/BV1JJ41137jbvue3.0 开发文档:http://www.liulongbin.top:8085/#/转载 2020-08-19 15:21:06 · 1126 阅读 · 2 评论