vue组件
加工轮子
saas软件销售顾问
不忘初心,砥砺前行
展开
-
vue富文本编辑器组件
1.引用quill<script src="/lib/quill/quill.min.js"></script><link href="/lib/quill/quill.snow.css" rel="stylesheet" />2.RichEditorDemo.vue<template> <div cl原创 2019-02-16 15:15:47 · 1152 阅读 · 0 评论 -
vue 利用easy ui表格组件
一.npm 安装npm install vx-easyui --save二.在main.js引入import 'vx-easyui/dist/themes/default/easyui.css'import 'vx-easyui/dist/themes/icon.css'import 'vx-easyui/dist/themes/vue.css'import EasyUI f...原创 2019-02-16 15:15:54 · 3429 阅读 · 0 评论 -
vue翻页组件
1.SlideDemo.vue<template> <div class="yh-page"> <h1>Slide 演示</h1> <div class="desc"> Demo源代码: <code>/examples/components/module原创 2019-02-16 15:16:04 · 744 阅读 · 0 评论 -
vue中关系图组件
1.Graph.vue<template> <div class="yh-graph"></div></template><script>var _POS = [ [-1, -0.35], [1.0, 0.1], [0.72, -0.45], [-0.75, 0.25], [0.4, -0.75], ...原创 2019-02-15 17:10:42 · 9346 阅读 · 0 评论 -
vue中水球图组件
1.Liquidfill.vue<template> <div class="yh-liquidfill"></div></template><script>function _update(chart, v) { var p = Math.max(0, Math.min(v, 1)); var second = ...原创 2019-02-15 17:05:35 · 3246 阅读 · 0 评论 -
vue弹出框组件
1.PopupPage.vue<template> <div class="yh-popup-page" v-show="visible"> <div class="yh-block"> <div class="yh-headder"> <span&g原创 2019-02-15 17:00:25 · 2174 阅读 · 0 评论 -
vue日历组件
1.WeekCalendar.vue<template> <div class="yh-week-calendar"> <div class="yh-calendar-item"> <div style="text-align:center;font-weight:bold">{{days[0].dateOb原创 2019-02-15 16:15:07 · 1390 阅读 · 0 评论 -
vue中多功能tab组件
1.TabGroup.vue<template> <div class="yh-tab-group"> <el-badge :value="item.badge" v-for="(item, index) in tabs" class="yh-tab-button" :class="{原创 2019-02-15 15:19:46 · 1017 阅读 · 0 评论 -
vue段落标题组件
1.BlockHeader.vue<template> <div class="yh-block-header"> <span class="yh-title">{{title}}</span> <slot></slot> <yh-button v-if=原创 2019-02-15 15:08:44 · 1339 阅读 · 0 评论 -
vue中导航栏组件
1.TabController.vue<template> <div> <el-tabs v-model="active" @tab-click="onClick" @tab-remove="onRemove"> <el-tab-pane v-for="(item, index) in tabs&原创 2019-02-15 15:04:42 · 2714 阅读 · 0 评论 -
vue楼层跳跃组件
1.scrollnav.jsfunction _select(elem) { elem.addClass('yh-selected').text(elem.attr('yh-data-title'));}function _unselect(elem) { elem.removeClass('yh-selected').text("F" + elem.attr('yh-data-i...原创 2019-02-15 14:51:58 · 3377 阅读 · 0 评论 -
原生按钮封装
1.button.vue<template> <button class="yh-button" :disabled="disabled" @click="onClick($event)"> <slot></slot> </button></template>&am原创 2019-01-22 11:33:40 · 351 阅读 · 1 评论 -
vue中使用vue-easytable【强大的表格工具】
1.cdn引入<link rel="stylesheet" href="https://unpkg.com/vue-easytable/umd/css/index.css"> <!-- 引入组件库 --> <script src="https://unpkg.com/vue-easytable/umd/js/index.js"></scrip...原创 2019-08-28 21:42:21 · 6373 阅读 · 2 评论 -
手写一个纯数字输入框【带加减按钮】
1.inputNunber.vue<!-- Add "scoped" attribute to limit CSS to this component only --><style lang="scss" scoped></style><template> <div class="input-number"> ...原创 2019-09-03 15:20:03 · 1190 阅读 · 2 评论