vue实战
文章平均质量分 53
开发过程中遇到的bug
丰的传说
一个有点编程思想的web前端工程师
展开
-
富文本插入图片的时候直接复制链接的风险点和解决方案
富文本插入图片的时候直接复制链接的风险点和解决方案。存在问题:无法判断内容是否合规、有的图片资源设置了只有在同域名或者指定域名下才能访问、资源大小无法控制。以及解决方案:开发`图片审核`接口、将`远程图片地址下载为本地图片,再调用项目中的图片上传接口转为我们项目的资源、在输入图片地址的时候进行域名限制。以及综合评估方案,得出最佳实践方案。原创 2024-04-20 21:27:15 · 514 阅读 · 0 评论 -
echart 柱状图-bar
【代码】echart 柱状图-bar。原创 2023-11-28 14:22:45 · 529 阅读 · 0 评论 -
vue使用elementUI的upload上传文件封装
将文件上传的方法封装一下,供大家统一调用,话不多说,直接上代码。原创 2023-09-08 16:06:35 · 1646 阅读 · 0 评论 -
keep-alive总结
提到keep-alive 大多数人都是又爱又恨啊爱是他能够缓存页面、用起来很是方便,恨是不能够区分处理遇到一些问题。原创 2023-08-11 13:47:25 · 189 阅读 · 0 评论 -
01.图片下拉触底分页加载每张图片
【代码】01.图片下拉触底分页加载每张图片。原创 2023-08-10 16:51:21 · 136 阅读 · 0 评论 -
Vue3 vant 源码解析之 utils/ validate.ts 数据类型验证
vant 源码解析之 utils 下边的 validate.js 校验函数原创 2022-10-26 13:33:00 · 1042 阅读 · 0 评论 -
Vue2.0 路由传参 query params props
vue 路由传参原创 2022-06-29 18:32:58 · 476 阅读 · 0 评论 -
vue css animation 页面向上弹出动画和向下滑动隐藏动画
<template> <div v-if="show" :class="{ showAni: show, closeAni: closeStatus }" > <div class="content"></div> </div></template><script>export default { data() { return { show: false, closeSta.原创 2022-05-10 20:21:34 · 1604 阅读 · 0 评论 -
Vue 组件传参总结
Vue 组件传参的背景vue的特点之一是组件化开发,那么问题来了,组件中的数据和方法都是独立的,我们如何进行组件之间的交互呢。这个时候就要用到组件传参了传参的方式父子组件 兄弟组件 隔代组件props 父到子 <div> <h1>父组件</h1> <son1 v-bind:info="info" v-bind:sex.sync="sex" /> <h2>{{ info.name }}</h2原创 2021-12-07 13:09:40 · 994 阅读 · 1 评论 -
Vue watch 详解
什么是watch一个对象,键是需要观察的表达式,值是对应 回调函数。值也可以是方法名,或者包含选项的对象。Vue实例会在实例化时调用$watch(), 遍历watch对象的每一个属性简单的监听监听函数有两个参数 第一个参数是新值,第二个参数是旧值handler 函数handler 关键字是 写死的,有newVal(新值),和 oldVal(旧值)immediate表示立即触发,页面进入就触发deep表示深度监听对象和数组,都是引用..原创 2021-12-01 17:33:53 · 1204 阅读 · 0 评论 -
vue 路由配置 嵌套路由 路由元 路由导航守卫
嵌套路由的基础配置配置route.js 文件import Vue from "vue";import Router from "vue-router";Vue.use(Router);const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch((err)..原创 2021-08-28 15:09:57 · 479 阅读 · 0 评论