
组件封装
DuwEiQIAn_G!
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue-quill-editor编辑器的安装与配置(包含字号大小,图片缩放)
1.安装vue-quill-editornpm install vue-quill-editor --save2.main.js全局引用import VueQuillEditor from 'vue-quill-editor'//一定要引入这三个css,不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入,也可以在具体使用的.vue文件中引入,建议在main.js中引用。因为在添加quill-image-resize时发现在组件中引用报错,暂时没有发现问题出现原创 2022-02-10 17:55:01 · 2913 阅读 · 0 评论 -
基于el-pagination的二次封装
1.组件代码<template> <el-pagination :style="{ 'text-align': align, 'margin-top': '20px ' }" v-bind="$attrs" :background="background" :current-page.sync="pageSzie.current" :hide-on-single-page="onpage" :l原创 2021-07-30 09:42:36 · 528 阅读 · 0 评论 -
使用require.context工程化自动注册全局组件
1.目录情况:2.组件需要提供正确的name3.工程化注册组件(上图的index.js)import Vue from 'vue'const ctx = require.context('./base', true, /[A-Za-z]\w+\.(vue)$/)console.log(ctx.keys())ctx.keys().forEach(path => { const module = ctx(path) /** * 兼容 import e...原创 2021-07-29 11:42:57 · 226 阅读 · 0 评论 -
基于el-table的 二次封装
组件代码:<template> <div> <el-table ref="table" :data="tableData" :border="border" v-bind="$attrs" v-on="$listeners" @selection-change="handleSelectionChange" :cell-style="cellStyle" :h.原创 2021-07-29 11:30:25 · 277 阅读 · 0 评论