Vue
dong.wang
仅用于记录自己学习以及采坑的东西
展开
-
vue中前端实现数据分页展示
<template> <div class="echarts"> <el-table :data="dataList" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width=原创 2021-03-11 11:55:50 · 1507 阅读 · 0 评论 -
el-form二次封装
ComForm.vue<template> <div class="comForm"> <el-form :label-width="formConfig.labelWidth" :inline="formConfig.inline" :ref="formConfig.ref" :model="formParams"> <el-form-item :label="item.label" v-for="(item, index) in for原创 2021-02-22 09:29:15 · 965 阅读 · 3 评论 -
el-table二次封装及使用
ComTable组件<template> <div> <el-table :data="tableData" style="width: 100%" :stripe="stripe" :border="border" :size="size" v-loading="loading" @selection-change="handleSelectionChange" > <!-- 是否支持复选 -->原创 2021-02-20 14:13:02 · 1306 阅读 · 0 评论 -
vue中使用bpmn.js实现工作流(基础篇)
demo使用脚手架生成,项目结构如下图安装的依赖项app.vue中的代码截图app.vue代码<template> <div id="app"> <HelloWorld/> </div></template><script>import HelloWorld from './components/HelloWorld.vue'export default { name: 'App', c原创 2020-11-16 15:34:45 · 5968 阅读 · 0 评论 -
vue移动端项目适配方案(rem)
1. 根据屏幕尺寸,调整根节点字体大小1.1 方案一,添加如下代码,便可以实现屏幕尺寸变化,html根节点字体大小跟随变化,项目中便可以使用rem单位,使得字体,盒子大小自适应1.2 方案二 使用flexible.jsdownload flexible源码,将其放在plugins文件夹中,然后再main.js中引入,即可。测试发现,font-size最大54px,查看源码发现如果需要适配更大的屏幕,可以修改此值,比如要适配750,可以将其改为750,因为要修改源码中的值,因此建议downlo原创 2020-10-28 16:08:38 · 3639 阅读 · 0 评论 -
vue中自定义指令的理解
```html<template> <div class="hello"> <h1 v-bgc="color">{{ msg }}</h1> <input type="text" v-focus /> </div></template><script>export default { name: 'HelloWorld', data () { return {.原创 2020-10-26 11:13:57 · 169 阅读 · 0 评论