代码编织梦想
目录 1. mockjs 1.1 mockjs介绍 1.2 mockjs使用步骤 1.2.1 安装mockjs依赖 1.2.2 在项目中引入mockjs 1.2.3 创建目录和文件 1.2.4 为每个组件准备模拟数据 1.2.5 测试 1.2.6 前端调试 1.2.7 mockjs生成随机响应数据 1.2.8 根据不同响应，给出不同提
文章目录 vue图片裁剪插件vue-croppervue-cropper插件使用组件样式组件封装小结 vue图片裁剪插件vue-cropper 最近有图片裁剪的需求，做完后感觉vue-crop
前端开发之通过vue-office组件实现文件预览 前言效果图docx文件xlsx文件pdf文件 vue中简单案例1、安装组件2、vue中代码 前言 在实现文件预览的时候我们可以通过vue-o
记录一次使用上传文件的缩略图模板并且 区分上传文件格式，手写放大显示跟删除方法 以及回显 并封装成组件，比较粗减。 照片墙 使用 list-type 属性来设置文件列表的样式。 但是用的时候上传视频时 回显图片找不到 于是改写一下 封装成组件 在components里新建vue页面 <template>
目录 vue2实现一个抽屉组件封装组件使用组件 vue2实现一个抽屉组件封装 组件 <!-- 凭证管理 - 添加凭证 --> <template> <d
目录 1. 准备工作 2. 动态树 2.1 在配置请求路径 2.2 使用动态数据构建导航菜单 2.2.1 通过接口获取数据 2.2.3 通过后台获取的数据构建菜单导航 2.2.3.1 先构建一级导航菜单 2.3 点击菜单实现路由跳转 2.3.1 创建书本管理组件 3. 系统首页配置 4. 表格数据显示 4.1 页面布局 4.2 查
vue-owl-carousel 是一个基于Vue的响应式轮播插件，灵感来源于 jQuery 插件 owlCarousel。 它提供了类似于 owlCarousel 的 API 和功能，同时结合了 Vue 的特性，使得它易于使用和扩展。下面我来介绍一下它的使用和配置。 查看演示效果：👉 传送门 安装 你可以通过 npm 或yar
前端开发之jsencrypt加密解密的使用方法和使用示例 前言效果图一、vue中简单案例1、安装组件2、创建加密解密的方法文件3、文件内容 前言 jsencrypt官方文档 公钥私钥生成网址
背景 照惯例，先交待下背景，从真实需求出发，讲述实现效果、设计思路和实现方式。 软件系统中，会有一些常见常用的选择功能，如部门选择、人员选择等，用于填报表单，使用频率很高。直接使用一方面会比较繁琐，另一方面造成代码重复，当
1、组件封装 <template> <div class="picture-select"> <div class="img-content" :style="contentStyle" @click="imgSelect"> <img v-if="value &a
✍️ 作者简介: 一个每天中午去抽风的前端开发。 🐈⬛ 两只猫🐱和一只狗的铲屎官🐶 🧣 微博: GuoJ阝阝（fu） 文章目录 前言一、实现效果二、实现步骤1、代码实现2、
大图和缩略图双向控制 html： 循环展示图片 <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2" ref="mySwip
前端开发之vue-tour的使用和实例 前言效果图一、vue2中简单案例1、安装组件2、在man.js文件中引用3、.vue文件 二、vue3中调用--main.js文件引用 前言 vue-t
这是vue3的写法，vue2改一下格式就ok <a-table @expand="expandCustomRow"/> const expandCustomRow = async (expanded, re
目录 一. 组件 1. 什么是组件 2. 为什么用组件 3. 何时使用组件 4. 如何使用组件 5. 组件的加载过程 6. 示例: 定义计数器组件，并反复使用 二. 组件化开发 1. 什么是组件化开发 2. 为什么要用组件化开发 3. 何时使用组件化开发 4. 如何使用组件化开发 5. 产生的问题 6. 组件化原理 7. 如何
目录 1. 什么是组件化开发 2. vue 中的组件化开发 3. vue 组件的三个组成部分 3.1 template 3.1.1 在 template 中使用指令 3.1.2 在 template 中定义根节点 3.2 组件的 script 节点 3.2.1 .vue 组件中的 data 节点必须是函数 3.2.2 script 中的
树形递归组件 基于vue.js的递归并利用Vant的Checkbox组件，实现满足多选，单选，全选与反选的树形选择组件 实现的功能： 根据数据，可以无限延伸（利用递归）；选中父节点，其子节点都被选中；反选父节点，子节点都
在前面简单介绍了什么是组件化以及父子组件之间的简单数据交互，并举了一些小🌰，这里就更详细地讲解一下。 文章目录 一，组件注册（一）组件命名（二）全局注册（三）局部注册 二，Props（一）Prop 值的
vue 中将B对象深拷贝到A对象中，如果A中需要额外新增其他属性 ，则使用this.$set(A,新增的属性名称，属性的值) //深拷贝 this.user = JSON.parse(JSON.stringify(data
html部分： <!doctype html> <html> <head> <meta charset="utf-8"> <title>vue-父子间组件通信</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/