![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue 组件
文章平均质量分 56
分享一些在项目中用到的,好用的组件
今天代码敲了吗
这个作者很懒,什么都没留下…
展开
-
vue2使用univerjs
【代码】vue2使用univerjs。原创 2024-07-22 14:12:28 · 612 阅读 · 4 评论 -
折叠面板组件(vue)
折叠面板组件(vue)原创 2024-04-15 09:11:39 · 607 阅读 · 0 评论 -
Vue 使用 fraola——vue-froala-wysiwyg
vue-froala-wysiwygfroala官网安装npm install vue-froala-wysiwyg --save在main.js全局配置import 'froala-editor/css/froala_editor.pkgd.min.css'import 'froala-editor/css/froala_style.min.css'import 'froala-editor/js/froala_editor.pkgd.min.js'import 'froala-edit原创 2021-04-20 09:13:54 · 2108 阅读 · 1 评论 -
Vue 百度地图baidu-map多点显示
Vue 百度地图baidu-map多点显示安装baidu-map$ npm install vue-baidu-map --save引入main.jsimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ ak: 'YOUR_APP_KEY'})代码我这是把它封装成了组件,也可以直接做成一原创 2020-12-23 08:14:23 · 2142 阅读 · 2 评论 -
Vue 使用Vant制作H5开始时间至截止时间选择器
Vue 使用Vant制作H5开始时间至截止时间选择器selectDateOrName.vue<template> <div> <template v-if='dateFilter'> <van-cell is-link @click="showPopup('start')" title="开始时间" :value="formatStartDat原创 2020-12-18 13:56:45 · 1439 阅读 · 0 评论 -
Vue Vant点赞效果
Vue 点赞效果 <div class="clickLike"> //我使用了vant中的图标,大家可以使用别的图片或者其他组件的Icon来替代 <van-icon name="like-o" size="16" @click="likeClick" :color="num?'#F1050A':''" />原创 2020-12-17 13:16:43 · 1965 阅读 · 1 评论 -
Vue 使用IView自定义验证码组件
Vue 使用IView自定义验证码组件<template> <Form ref="loginForm" :model="form" :rules="rules" @keydown.enter.native="handleSubmit"> <FormItem prop="phone"> <Input v-model="form.phone" placeholder="请原创 2020-12-01 11:08:44 · 954 阅读 · 0 评论 -
Vue vue-print-nb实现页面打印
Vue vue-print-nb实现页面打印安装在main.js中全局引入页面中使用安装npm install vue-print-nb --save在main.js中全局引入import Print from 'vue-print-nb'Vue.use(Print);页面中使用备注:只会打印id=printMe内的网页<template> <div class="table"> <div class="tableList">原创 2020-07-29 10:23:01 · 7464 阅读 · 2 评论 -
Vue vue-esign签字板
Vue vue-esign签字板使用vue-esign让用户能够在手动签字并返回为base64或者file格式的文件流安装npm install vue-esign --save在main.js中全局引用import vueEsign from 'vue-esign'Vue.use(vueEsign)Demo<template> <div class="esigns"> <vue-esign ref="esign" st原创 2020-08-04 13:01:50 · 4534 阅读 · 2 评论 -
Vue Vue图片浏览组件v-viewer,支持旋转、缩放、翻转等操作
Vue图片浏览组件v-viewer,支持旋转、缩放、翻转等操作安装npm install v-viewer引用在main.js文件下全局引用import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)使用方法 <viewer :images="imgList"> <img class="imgsrc"原创 2020-08-03 16:23:05 · 2023 阅读 · 2 评论