vue数据大屏项目开发时,经常会遇到为了装饰元素会在四个角增加一些不一样的装饰,但是每次都要写一遍太麻烦了,所以抽离出来给div的四个角增加图片模板作为一个组件。让四角添加起来更方便。后面拿过来微调一下就可以直接使用了,不用再重复编写代码了。
使用时,父级需要添加positio...
yekong
2年前 (2023-01-30)
喜欢
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统,用来做实践项目。
然后遇到了第一个问题
使用vite引入组件的时候会报错误
Failed to load url /src/comp...
yekong
2年前 (2023-01-28)
喜欢
被引入的文件
module.exports = {
url: "https://www.wanjunshijie.com"
}
vue.config.js
const url = require('./qiniu-upload-prefiex.js');...
yekong
2年前 (2023-01-27)
喜欢
vue开发时遇到项目打包后加载很慢,除了常规处理办法加载速度仍然不满意,最后想到了七牛云托管。
项目根目录创建qiniu.js
安装依赖
cnpm i path --save
cnpm i qiniu --save
cnpm i fs --save
qiniu.js
var...
yekong
2年前 (2022-11-10)
喜欢
vue 控制fixed弹窗在div的相对位置,因为div最外层组件使用了overflow,为了避免弹窗被overflow影响,这里的弹窗使用fixed定位,使用fixed定位的话,就需要动态获取div距离左侧和距离顶部的距离,以便于控制弹窗的位置。
/**
* @Author:...
yekong
2年前 (2022-10-28)
喜欢
需求
vue项目开发时,需要使用crypto-js对账号密码进行加密处理。
安装依赖
npm install crypto-js --save-dev
创建方法
const CryptoJS = require('crypto-js');
export function e...
yekong
3年前 (2022-07-05)
喜欢
需求
vue实现图片验证码展示,点击图片验证码可切换。
/**
* @Author: 858834013@qq.com
* @Name: vrifyCode
* @Date: 2022-07-05
* @Desc:实现图片验证码展示,点击图片验证码可切换
*/
<temp...
yekong
3年前 (2022-07-05)
喜欢
第一版调整
vue 数字滚动实例
第二次调整
由原有手动处理逗号改为方法处理逗号
<template>
<div class="numcard" v-if="show">
<div class=&...
yekong
3年前 (2022-07-05)
喜欢
<numcard :num="item" v-for="(item,index) in num2" :key="index"></numcard>
function converStr(str)...
yekong
3年前 (2022-07-02)
喜欢
官方文档
官方文档
绑定内联样式
html
<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>
js
data: {
activ...
yekong
3年前 (2022-07-02)
喜欢