Vue 自定义组件
vue2脚手架之自定义组件的总结
前言vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去你手动安装各种插件，寻找各种cdn并一个个引入的麻烦。vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动
日期 2023-06-12 10:48:40
vue自定义组件封装_vue组件的双向绑定实现
大家好，又见面了，我是你们的朋友全栈君。封装组件的v-model再看组件的时候，不如elementui等等，我们时常看到它们的组件都是直接通过v-model双向绑定的，而不是通过我们常用的属性(prop)传递过去,子组件修改通过$emit,或者通过vuex等等来返回父组件，这样的方法也不是说不行，但是总感觉没有elementui那样的写法高级。所以我们也来简单的封装一个看起来高级一点点的组件。
日期 2023-06-12 10:48:40
富文本vue-quill-editor结合el-element实现自定义上传组件
需求一 图片上传就是要一个富文本编辑器，然后有图片上传功能，因为vue-quill-editor是将图片转为base64编码，所以当图片比较大时，提交后台时参数过长，导致提交失败。解决思路将图片先上传至服务器，再将图片链接插入到富文本中 图片上传的话可以使用element或者iview，这里我以iview举例 图片上传区域要隐藏，自定义vue-quill-editor的图片上传，点击图片上传时
日期 2023-06-12 10:48:40
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时，eslint红色警告 引用名言：“又不是不能用==” 强迫症看着实属难受，怎么办？咱总不能每次都是屏蔽esli
日期 2023-06-12 10:48:40vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得
1.背景 与vue2组件不一样，没有那么随意，如果想要支持vite，那么不要使用webpack专属语法，如defide 和 require 等 2.解决 在 package.json 文件 属性 main 配置为插件入口文件位置 ，至于是js还是ts随意 目录 简单做了个组件 入口
日期 2023-06-12 10:48:40vue2.0 自定义 提示框（Toast）组件
1.自定义 提示框 组件 src / components / Toast / index.js /** * 自定义 提示框( Toast )组件 */ var Toast = {}; var showToast = false, // 存储toast显示状态 showLoad = false, // 存储loading显示状态 toastVM = null, // 存储toast
日期 2023-06-12 10:48:40vue2.0 自定义 弹窗（MessageBox）组件
组件模板 src/components/MessageBox/index.vue <!-- 自定义 MessageBox 组件 --> <template> <div class="message-box" v-show="isShowMessageBox"> <div class="mask" @click="cancel"><
日期 2023-06-12 10:48:40vue2.0 自定义 下拉刷新和上拉加载更多（Scroller） 组件
1.下拉刷新和上拉加载更多组件 Scroller.vue <!-- 下拉刷新 上拉加载更多 组件 --> <template> <div :style="marginTop" class="yo-scroll" :class="{'down':(state===0),'up':(state==1),refresh:(state===2)
日期 2023-06-12 10:48:40vue2.0 自定义 生成二维码（QRCode）组件
1.自定义 生成二维码组件 QRCode.vue <!-- 生成二维码 组件 --> <template> <canvas class="qrcode-canvas" :class="{show: show}" :style="{height: size + 'px', width: size + 'px'}" :height=
日期 2023-06-12 10:48:4062Vue - 自定义事件（使用自定义事件的表单输入组件）
自定义事件也可以用来创建自定义的表单输入组件，使用 v-model来进行数据双向绑定。牢记： <input v-model="something"> 仅仅
日期 2023-06-12 10:48:40Vue - 实现用 JS 调用自定义组件 / 类似 ElementUI 弹框组件（在 js 文件中通过 this.xxx 方式调用并显示自定义弹框模态框组件）
前言 用过 ElementUI / Ant Design vue 组件库的都知道，它们的消息提示框（Message）及模态框（Modal）不仅可以用组件的方式调用，还能用 this.$message.xx 的方式进行
日期 2023-06-12 10:48:40uni-app - H5 页面路由不存在时，跳转到自己定制的 404.vue 页面（当路由不存在时自动重定向到自定义的 404 组件）超详细简约高效的解决方案
前言 在 uni-app 开发 H5 移动端项目中，如果访问一个不存在的路由路径后，自定跳转重定向到自己定义的 404 页面。 本文带您从 0-1 一路复制，仅需 2 步完成 当页面 router 路由不存在，
日期 2023-06-12 10:48:40
【uni-app】总结vuex+常用api+内置组件+自定义组件+第三方插件的运用（建议收藏）
1- 前言 本文以小案例的形式，总结一下vuex+常用api+内置组件+自定义组件+第三方插件。 关于uni-app的知识，可以查看这篇博客：
日期 2023-06-12 10:48:40