注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. Vue图片上传剪裁组件 AppCropper.zip

  2. 基于vue封装的Cropper图片剪裁组件，cropperjs是一款非常强大却又简单的图片裁剪工具，它可以进行非常灵活的配置，支持手机端使用，支持包括IE9以上的现代浏览器。（关键是使用方法简单，几行代码就可以搞定） 实践效果图 　　如图，可以对指定的图片进行裁剪，可以自己选择裁剪的交互方式，如大小、纵横比等 还可以预览裁剪区域，确认裁剪后可以生成一个包含裁剪图的canvas对象，借助canvas的toDataURL方法可以生成一张Base64格式的图片。还有另外一种不使用canvas的方式

  3. 所属分类：Web开发

    • 发布日期：2020-04-25
    • 文件大小：3kb
    • 提供者：qq_33270001

  1. JS口袋妖怪列表选择交互代码.zip

  2. JS口袋妖怪列表选择交互代码是一款基于vue.js制作卡通风格的口袋妖怪宠物列表，动态获取列表数据文字图片，交互式选择列表代码。

  3. 所属分类：其它

    • 发布日期：2019-07-04
    • 文件大小：168kb
    • 提供者：weixin_39841365

  1. vue初始化项目.txt

  2. vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm i

  3. 所属分类：互联网

  1. 基于VUE选择上传图片并页面显示（图片可删除）

  2. 主要为大家详细介绍了基于VUE选择上传图片并页面显示，图片可以删除的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

  3. 所属分类：其它

    • 发布日期：2020-08-30
    • 文件大小：61kb
    • 提供者：weixin_38694023

  1. 关于vue的列表图片选中打钩操作

  2. 主要介绍了关于vue的列表图片选中打钩操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-14
    • 文件大小：50kb
    • 提供者：weixin_38551187

  1. Vue+ElementUI 中级联选择器Bug问题的解决

  2. 最近在项目中需要用到级联这么个控件，所以便去element上找了个，发现了个问题，在这里跟大家分享下，介于公司项目的隐私性，所以一些文字便给大家打上马赛克了，敬请谅解~ 不多说废话，直接上问题： ElemenUI的级联是通过子级字段递归进行显示的，但是假如后端老铁也用了递归写的数据，而递归到最后一个数据集便出现了问题，会出现光有字段，但是却没有数据这么个情况在这里插入图片描述 这时候就出现了问题： 最后一级会多出来一个级联，这种体验便造成了很不好的感觉。 解决办法： 将获取这些级联的数据

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：167kb
    • 提供者：weixin_38678300

  1. vue实现导航栏效果（选中状态刷新不消失）

  2. Vue导航栏        用Vue写手机端的项目，经常会写底部导航栏，我这里总结一套比较方便实用的底部导航栏方法，并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。看一下效果，底部的图标全是UI给的选中和未选中样式的图片，根据公司要求，你也可能会用fontsize去写。（全部代码黏贴到本文的最后面了） 1、首先把这些小图片放到src/assets路径下面（自动base64编码） 2、在data（）里边定义一个选中对应的变量isSelect，和循环遍历的数组，数组下面放图标

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：115kb
    • 提供者：weixin_38666230

  1. Vue.js 2.0 移动端拍照压缩图片预览及上传实例

  2. 在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了无法调用plus的H5+接口的问题，所以最后拍照上传功能还是使用input file方式里解决的。但是内心还是不甘心的，由于项目进度推进，迭代版本，所以不得不放弃，后续可能我将此功能使用调用H5+接口实现。 首先我来讲我实现这个拍照预览压缩上传的思路，准确的说应该是拍照或选择图片压缩之后预览及上

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：174kb
    • 提供者：weixin_38686153

  1. Vue封装Swiper实现图片轮播效果

  2. 图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js，就针对Swiper进行封装，实现一个简单的图片轮播组件。 一、Swiper 在实现封装之前，先介绍一下Swiper。 Swiper是纯Javascr ipt打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择。 Swiper的应用场景广泛，实现效果很好，下面个这实际案例就是S

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：172kb
    • 提供者：weixin_38687199

  1. Vue 图片压缩并上传至服务器功能

  2. 本文主要讲解基于 Vue + Vant ，实现移动端图片选择，并用 Canvas 压缩图片，最后上传至服务器。还会封装一个工具类，方便直接调用。 一、工具类封装 废话不多说先上代码，封装一个 CompressImageUtils 工具类： ** * 图片压缩工具类 * 最大高度和最大宽度都为 500，如果超出大小将等比例缩放。 * * 注意可能出现压缩后比原图更大的情况，在调用的地方自己判断大小并决定上传压缩前或压缩后的图到服务器。 */ // 将base64转换为blob exp

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：172kb
    • 提供者：weixin_38609401

  1. vue css 引入asstes中的图片无法显示的四种解决方法

  2. 这里主要针对的是vuecli2中的一些问题。 vue项目中，常常会有很多的图片资源，这样的资源存放位置，通常我们有两个选择：1. static，2. assets 关于这两者之间的区别，和如何选择这里就不多说了！ 这里我们来说说assets目录下存放图片时，在vue组件的css样式中引入图片时将会遇到的一些问题！ 正常情况，我们在本地开发调试的时候，无论什么样的方式引入图片都不会有问题。但是，一大包发布打线上，就会出现图片无法加载的情况！ 这是因为，出于某些原因，有人修改了config目录下的i

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：321kb
    • 提供者：weixin_38672962

  1. vue项目中自定义video视频控制条的实现代码

  2. 最近公司项目中，添加了视频模块，但是产品觉得Video自带的控制条有点LOW，于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。 首页效果图：   需求描述： 当鼠标放在图片上的时候，自动播放视频，并显示预览进度条，当鼠标移开，显示预览图片，再次hover图片，继续上次播放 视频详情页的效果图： 需求描述： 能自定义的暂停和播放 模仿进度条可实现拖拽播放速度 显示当前时间 能选择倍速 能控制声音 能全屏播放 接下来一步步的实现 首先康康首页的，上

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：325kb
    • 提供者：weixin_38630853

  1. Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

  2. 本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下： 公司要写一些为自身业务量身定制的的组件，要基于Vue,写完后扩展了一下功能，选择写图片上传是因为自己之前一直对这个功能比较迷糊，所以这次好好了解了一下。演示在网址打开后的show.gif中。 使用技术：Vue.js | node.js | express | MongoDB。 github网址：https://github.com/neroneroffy/privat

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：192kb
    • 提供者：weixin_38681719

  1. 基于vue+axios+lrz.js微信端图片压缩上传方法

  2. 业务场景 微信端项目是基于Vux + Axios构建的，关于图片上传的业务场景有以下几点需求: 1、单张图片上传(如个人头像,实名认证等业务) 2、多张图片上传(如某类工单记录) 3、上传图片时期望能按指定尺寸压缩处理 4、上传图片可以从相册中选择或者直接拍照 遇到的坑 采用微信JSSDK上传图片 在之前开发的项目中(mui + jquery)，有使用过微信JSSDK的接口上传图片，本想应该能快速迁移至此项目。事实证明编程没有简单的事: 1、按指定尺寸压缩图片 JSSDK提供的接口wx.c

  3. 所属分类：其它

    • 发布日期：2020-12-02
    • 文件大小：88kb
    • 提供者：weixin_38645133

  1. vue 实现剪裁图片并上传服务器功能

  2. 预览链接点击预览 效果图如下所示，大家感觉不错，请参考实现代码。   需求 [x] 预览：根据选择图像大小自适应填充左侧裁剪区域 [x] 裁剪：移动裁剪框右侧预览区域可实时预览 [x] 上传&清空：点击确认上传裁剪图片，点击取消按钮清空图像 [ ] 裁剪框可调节大小 实现步骤 methods:funName() – 对应源码中methods中的funName方法 data:dataName – 对应源码中data中的dataName数据 1. 图片选择与读取 选择图片 ：(

  3. 所属分类：其它

    • 发布日期：2020-11-30
    • 文件大小：166kb
    • 提供者：weixin_38733281

  1. 使用vue脚手架（vue-cli）搭建一个项目详解

  2. 1.首先得下载node.js。方法可自行百度。 2. 3.一开始报很多错误，后来用管理员就没问题了。 4. 5.如上图会遇到卡住的问题，解决方法是 在最后一个选项上选择No,I will handle it myselft，然后cd vue_test，然后cnpm install，这样就成功了，然后执行npm run dev就出现： 6.浏览器端访问localhost:8081   7.项目目录   8.图片来源于网络 以上所述是小编给大家介绍的vue脚手架（vue-cli）搭建项目详

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：262kb
    • 提供者：weixin_38732463

  1. 使用Vue动态生成form表单的实例代码

  2. 具有数据收集、校验和提交功能的表单生成器，包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能，支持事件扩展。 欢迎大家star学习交流：github地址 示例 https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg 安装 npm install form-create OR git clone https://github.c

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：145kb
    • 提供者：weixin_38577648

  1. vue 录制视频并压缩视频文件的方法

  2. 文件上传框，除了可以选择文件上传之外，还可以调用摄像头来拍摄照片或者视频并上传。capture属性可以判断前置or后置摄像头。在视频播放的过程中，用canvas定时截取一张图片，然后用gif.js生成一张GIF图，从而完成前端的视频压缩。 我这里使用的是Vue写的，以下是我的流程及代码： 一、下载gif.js相关文件，可以到这里下载，然后将这几个文件放在根目录的static/js里面。 gif.js相关文件及存放路径 二、下载依赖包： npm i timers 三、在页面中声明： i

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：72kb
    • 提供者：weixin_38643407

  1. 基于vue2.0+vuex的日期选择组件功能实现

  2. calendar vue日期选择组件 一个选择日期的vue组件 基于vue2.0 + vuex 原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了 demo展示&&项目中的使用 目录结构 demo 用vue-cli 的webpack-simple构建的 calendar 　|--dist　build生成的目录 　|--doc 展示图片 　|--src 　　　|--assets 资源 　　　|--components 　　　　　|--ca

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：65kb
    • 提供者：weixin_38697979

  1. vue select选择框数据变化监听方法

  2. 1、使用v-model在select标签上进行数据双向绑定， 2、在data里边添加val：‘ ‘， 3、最后就是监听事件的写法，写在methods之外。 附加：（以下图片借鉴他人，非原创） 以上这篇vue select选择框数据变化监听方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：67kb
    • 提供者：weixin_38623255
« 12 3 4 »