Vue.js
箫笙默
小白
展开
-
在 Vue3 中使用 v-md-preview
在vue3中使用v-md-preview原创 2022-08-11 15:00:55 · 3262 阅读 · 3 评论 -
vue中使用拖拽drag
被拖拽的domdragable="true"@dragstart="drag"拖入的dom@drop="drop"@dragover="dragover"@dragleave="dragleave" <!-- 被拖拽的 --> <div v-for="o in item.staffs" :key="o.id"原创 2021-07-05 16:11:59 · 4466 阅读 · 0 评论 -
Vue中使用Echarts 热点图
先看下效果图data 中定义配置项的数据myChartHot: null, hotX: [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17,...原创 2021-05-19 14:38:50 · 932 阅读 · 0 评论 -
el-date-picker 时间限制到 分 实现结束大于开始时间(不等于)
时间段额组件 type = datetimerange 不支持限制到时间 这里选用 type = datetime 将开始结束时间分开 <el-date-picker v-model="ruleForm.plan_start_time" type="datetime" format="yyyy/MM/dd HH:mm" @change="changeDateSt.原创 2021-02-05 16:51:25 · 2244 阅读 · 3 评论 -
在vue中导入Excel表
使用的库js-xlsx纯JS即可读取和导出excel的工具库https://github.com/SheetJS/js-xlsx安装直接下载dist目录下有很多个JS文件,一般情况下用xlsx.core.min.js就够了,xlsx.full.min.js则是包含了所有功能模块。直接通过script引用即可。npm安装npm install xlsx 在main.js中引引入importXLSXfrom"xlsx/dist/xlsx.full.min";在所...原创 2020-12-03 15:52:39 · 680 阅读 · 0 评论 -
Vue中使用Echarts以及遇到的问题
通过npm获取echarts npm install echarts --save在package.json文件dependencies中可以看到是否安装成功在.vue文件内准备画图表注意 需要指定好dom元素的宽高,不然图表无法显示// 页面里选好位置<div id="main"></div>// 引入配置选项import { planInOutOptions } from "../assets/js/xxx";// 在mounte...原创 2020-09-11 15:46:14 · 2739 阅读 · 0 评论 -
vue + vue-i18n 实现双语切换(中/英)
在src下建一个lang目录,分别存放 中英文文件 按不同模块存放在module下原创 2020-05-28 14:52:25 · 742 阅读 · 0 评论 -
Vue.js中子组件引入父组件中的内容
这是目录components中的为子组件,这里我们用risk1Select为例,Risk为父组件。以下为父组件中的内容(这里是用element组件做的表单项)这里的"ruleForm"就是我们要传的内容在<script>中引入子组件还要在components中说明一下子组件在子组件中调用ruleForm中的值前先在props中说明一下http...原创 2019-01-12 18:36:49 · 493 阅读 · 0 评论