Vue
关注
分享
扫一扫
文章平均质量分 74
虞啊鱼
这个作者很懒，什么都没留下…
展开
-
Vue中图片裁剪的实现
最近做项目有裁剪本地图片并保存为Base64数据的需求，鼓捣了一会弄出来了，分享一下一个好用的工具先看一下效果vue-croppergithub地址：https://github.com/xyxiao001/vue-cropper安装npm install vue-cropperyarn add vue-cropper在入口文件中引用import VueCropper from "vue-cropper";Vue.use(VueCropper);使用在使用上面的话，直接使用原创 2021-01-14 14:17:21 · 5089 阅读 · 4 评论 -
在vue中生成二维码
文章目录vue-qr1.安装2.引入3.使用在vue项目中使用二维码vue-qr官方文档：https://www.npmjs.com/package/vue-qr1.安装npm install vue-qr --save2.引入可以在入口文件或者组件中引用import VueQr from 'vue-qr' new Vue({ components: {VueQr}})3.使用最基础的使用如下<template> <div>原创 2021-01-09 15:40:15 · 218 阅读 · 0 评论 -
Vue学习之Vuex
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例原创 2020-09-28 20:36:12 · 191 阅读 · 0 评论 -
Element-UI级联(cascader)实现权限管理
Element-UI级联实现权限管理最近在用element-ui练习项目重构，为了实现权限管理这个模块，花了不少功夫。文章目录Element-UI级联实现权限管理1.实现效果1.element-ui的级联1.选择组件2.配置组件总结1.实现效果这里是对角色的管理，可以修改删除和授权，修改是修改名字，删除就是删除角色。主要难点在于如何实现授权这个功能，点击授权之后，首先要获得后台的权限数据，如果有授权有层级，还有显示出层级效果，并且要根据用户的不同，默认选中其拥有的权限。1.element-原创 2020-09-26 00:02:49 · 2229 阅读 · 0 评论 -
Vue学习之过滤器(Filter)
Vue学习之过滤器文章目录Vue学习之过滤器一、过滤器的注册1.全局注册2.局部注册二、过滤器的使用二、使用步骤1.引入库2.读入数据总结Vue中的过滤器能让通过其中的数据发生一定的变化，可以过滤出数据中你要的那部分，或者是给数据做一些处理。比如大小写转换、时间–时间戳转换等等。一、过滤器的注册过滤器有全局注册和局部注册两种方式1.全局注册全局注册写在全局定义域中，用Vue.fliter()注册，需要两个参数，第一个过滤器的名字，第二个是一个函数，返回过滤的结果Vue.filter('pars原创 2020-09-24 17:24:03 · 258 阅读 · 0 评论 -
Vue学习之路由(Router)
Vue学习之 路由(Router)文章目录Vue学习之 路由(Router)一、路由是什么？二、Vue Router的安装1.直接下载/CDN2.读入数据总结一、路由是什么？在计算机网络原理中，路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。可以想象为快递转运站，根据包裹的地址信息将快递送到指定地点。在web中的路由也是类似的，route根据url的不同来跳转到相应的url页面Vue提供了路由的组件Vue Router二、Vue Router的安装原创 2020-09-23 19:17:41 · 537 阅读 · 0 评论 -
Vue学习之混入(Mixin)
Vue学习之混入文章目录Vue学习之混入前言一、什么是混入？二、混入定义三、使用混入1. 局部混入2.全局混入四、混入的规则.总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、什么是混入？混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象原创 2020-09-22 22:47:56 · 6688 阅读 · 0 评论 -
Vue学习之插槽
Vue学习之插槽文章目录Vue学习之插槽一、什么是插槽？二、使用步骤1.引入库2.读入数据总结一、什么是插槽？在使用组件的时候，如果我们在组件中写了子元素，却并不会显示在页面上<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title原创 2020-09-22 20:12:18 · 114 阅读 · 0 评论 -
Vue学习之组件机制
Vue学习之组件机制文章目录Vue学习之组件机制一、组件基础1.定义组件2.组件注册Ⅰ.全局注册Ⅱ.局部注册二、组件通信1.props传值。Ⅰ.父组件传递数据给子组件Ⅱ.子组件接受父组件的数据2.事件传值总结一、组件基础组件是可复用的Vue实例，和Vue接受相同的选项，都有一系列相同的属性和方法，但也有一些区别1.定义组件组件和Vue实例的结构基本相同，有区别的地方是组件中的data是一个函数，函数返回的对象中存的才是数据。组件还需要template属性，在里面写html代码片段，这里的代码原创 2020-09-21 20:25:23 · 123 阅读 · 0 评论