vue
文章平均质量分 88
Selenium399
这个作者很懒,什么都没留下…
展开
-
nodejs实现ocr
nodejs实现ocr原创 2022-05-15 00:44:30 · 4924 阅读 · 0 评论 -
vue图片裁剪:使用vue-cropper做图片裁剪
文章目录一、安装二、图片裁剪三、将截图框回显到原图上由于项目需要,需要做图片裁剪。之前的项目已经由cropper.js实现过,因为这次使用的是vue,所以采用了vue-cropper这个组件,使用起来很简单,但是坑也很多。一、安装npm install vue-croppermain.jsimport VueCropper from 'vue-cropper'Vue.use(VueCropper)二、图片裁剪引入VueCropper组件,并设置相关的属性。<div s原创 2020-05-15 15:11:35 · 4458 阅读 · 11 评论 -
vue+element-ui实现搜索框
文章目录功能实现1.点击搜索框,显示列表,点击其它地方搜索列表消失.2.点击enter键,也可以进行搜索3.点击搜索框不输入搜索内容,显示热门搜索和历史搜索。点击搜索框输入搜索内容,直接显示搜索列表4.将历史搜索内容存储到LocalStorage.5.删除历史记录搜索框组件源码功能实现1.点击搜索框,显示列表,点击其它地方搜索列表消失.在input组件上监听focus与blur事件,设置i...原创 2020-04-22 14:45:10 · 37201 阅读 · 12 评论 -
vue父子组件通信(以实现一个todoList为例子)
话不多说,先上todoList效果与完整代码.效果:完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2019-10-04 01:45:04 · 322 阅读 · 0 评论 -
vue操作dom(以实现一个加法器为例子)
话不多说,先上效果与完整代码:效果:有两个数字,点击其中任意一个加一,第三个数字是前两个数字的和.完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...原创 2019-10-05 00:24:24 · 374 阅读 · 0 评论 -
vue组件参数校验
在vue中,当父组件向子组件传递值时.子组件可以对传递过来的值进行参数校验.首先我们定义一个子组件child,接受父组件传递过来的值content.<child :content="1"></child>Vue.component('child',{ props:['content'], template: "...原创 2019-10-05 14:12:43 · 1539 阅读 · 0 评论