vue项目开发
qq_Girl200
这个作者很懒,什么都没留下…
展开
-
tab切换样式
【代码】tab切换样式。原创 2023-10-30 14:59:33 · 279 阅读 · 0 评论 -
表格表单校验table-input
表格表单校验table-input原创 2022-09-30 17:34:07 · 447 阅读 · 0 评论 -
vue3弹框使用【bpmn.js 使用总结】预览流程图
【代码】vue3弹框使用【bpmn.js 使用总结】预览流程图。原创 2022-09-15 09:54:55 · 2615 阅读 · 0 评论 -
npm使用:常用命令记录,持续更新
npm使用:常用命令记录,持续更新原创 2022-07-05 10:20:28 · 101 阅读 · 0 评论 -
Vue-cli项目运行到98%不动解决办法
Vue-cli项目运行到98%不动解决办法原创 2022-06-16 14:34:47 · 1052 阅读 · 0 评论 -
vue监听router路由中query参数变化
vue监听router路由中query参数变化原创 2022-06-08 14:14:14 · 10101 阅读 · 0 评论 -
vue项目更新包,npm报错问题A complete log of this run can be found in:npm ERR
npm ERR! code ETARGETnpm ERR! notarget No matching version found for gcloud-xxx-vue@1.0.34.npm ERR! notarget In most cases you or one of your dependencies are requestingnpm ERR! notarget a package version that doesn't exist.npm ERR! A complete log of原创 2022-04-27 18:06:21 · 676 阅读 · 0 评论 -
npm发包报错, npm ERR Unexpected token < in JSON at position 0 while parsing near
npm ERR! Unexpected token < in JSON at position 0 while parsing near '<!DOCTYPE HTML P解决办法:npm set registry https://registry.npmjs.org/原因:此错误意味着中间有一个代理,它拒绝您访问Internet,需要设置注册表...原创 2022-04-19 17:00:45 · 2323 阅读 · 0 评论 -
element 日期选择器设置默认事件且限制结束大于开始日期
element ui el-date-picker组件 时间范围限制原创 2022-03-15 15:14:20 · 856 阅读 · 0 评论 -
VUE 组件二次封装v-bind 和v-on使用
VUE 组件二次封装之v-bind=“$attrs” 和v-on="$listener"vue 2.4.0 新增//子组件<template> <div> <el-button v-bind="$attrs">确定</el-button> <div></template> // 父组件使用<my-button type='primary' size='mini'/>...原创 2022-03-07 16:59:06 · 925 阅读 · 0 评论 -
vue-element-admin固定头部后部分 el-dialog弹框层级问题
问题如下图解决://被嵌套的的弹框添加append-to-body就可以个<el-dialog :append-to-body="true">父组件子组件加上子组件红框配置后显示正常原创 2022-02-15 14:51:22 · 789 阅读 · 0 评论 -
echarts报错:Error in callback for watcher “chartSource“: “Error: Initialize failed: invalid dom.“
Error in callback for watcher "chartSource": "Error: Initialize failed: invalid dom."原创 2022-01-07 11:18:23 · 3946 阅读 · 1 评论 -
pc端通讯录组件
代码待更新原创 2021-09-28 16:52:02 · 316 阅读 · 0 评论 -
element-UI table 多选框添加条件禁用
<el-table :data="tableData" height="454" style="width: 100%" :default-sort="{prop: 'date', order: 'descending'}" @selection-change="handleSelectionChange" > <el-tabl..原创 2021-09-02 16:19:40 · 305 阅读 · 0 评论 -
数组去重的集中方法
1.双重循环遍历function unique1(arr){// 遍历数组arrfor(var i = 0, r = []; i < arr.length; i++){// 遍历数组rfor(var j = 0; j < r.length; j++){// 如果遍历到r中的元素等于arr中的当前元素退出循环if(r[j] == arr[i]){break;}}// 如果遍历到最后没有发现有与arr当前元素相同的元素if(j == r.length){// 则把这个元原创 2021-08-30 09:52:41 · 81 阅读 · 0 评论 -
[Vue warn]: You may have an infinite update loop in watcher with express
echarts中option的data传数组,千万不要对数组进行操作.否则会出bugyou may have an infinite update loop in watcher with expression错误分析:首先chartSource在created生命周期中获取数据时也发生了变化,watch监听到后,重新渲染图标执行option操作,结果option中的data中的数组进行倒置了, data: data.xAxis.reverse()那么watch监听的chartSourc原创 2021-06-28 15:29:08 · 7749 阅读 · 1 评论 -
指定npm包版本
在npm中安装固定的版本号package,只需要在其后加 ‘@版本号’npm install --save esri-loader@1.0.0原创 2021-06-21 18:48:54 · 602 阅读 · 0 评论 -
el-tree实现全选/反选、默认全选
// 全选或反选 checkAllChange() { if (this.checkAll) { // 全选 this.$nextTick(() => { this.$refs.channelTree.setCheckedNodes(this.props) }) // this. } else { // 取消选中 this.$nextTick(() =&g...原创 2021-06-20 16:00:24 · 4401 阅读 · 1 评论 -
使用el-switch实现开关(自定义值作为开关状态,不只是true或者false)
<el-form-item label="状态" :label-width="formLabelWidth1"> <el-switch v-model="form.state" active-text="开启" active-value="enable" inactive-value="disable" active-color="#13ce66"> </el-switch> </el-form..原创 2021-06-20 15:43:36 · 2510 阅读 · 0 评论 -
vue中的监听
监听stringexport default { name: "jianting", data() { return { msg: "1223" }; }, watch: { msg: function(newVal, oldVal) { // TO DO console.log("newVal:", newVal); con原创 2021-06-10 18:57:44 · 103 阅读 · 0 评论 -
[Vue warn]: Error in v-on handler: “ReferenceError: Vue is not defined“
这块输出就是这个错误求解决方式原创 2021-05-31 12:00:48 · 4798 阅读 · 0 评论 -
echarts饼图在缩放是label显示省略号的问题
1.在使用echarts最新版本的时候会发现在使用饼状图的时候会自动隐藏显示...如下:在添加这个overflow: 'none',属性之后显示正常原创 2021-05-26 17:58:13 · 4816 阅读 · 0 评论 -
echarts默认显示一个时间点的tooltip以及鼠标移出之后依然显示 tooltip
最终显示效果如下默认打开页面显示设置的某个时间点的tooltip,鼠标一开之后依然显示下面是实现代码:一看就懂,搬走就用 draw(tabIndex) { let pricetrend = this.$echarts.getInstanceByDom(document.getElementById('pricetrend' + tabIndex)); if (pricetrend == null) { pricetrend = this.$echar原创 2021-05-14 16:44:45 · 2928 阅读 · 0 评论 -
echarts鼠标悬浮,tooptip展示新的图表,点击移出图表,保留高亮选中的图形并显示 tooltip
options配置:{ tooltip: { padding: 3, backgroundColor: '#ffffff', enterable: true, formatter: function(params, ticket, callback) { var htmlStr = `<div id="tooltipChart" ref='tooltipEchart' ...转载 2021-05-14 16:44:02 · 1229 阅读 · 1 评论 -
前端工程化:webpack各项常用配置
前言在项目开发中我们难免碰到需要对webpack配置更改的情况,今天就主要来讲一下在vue.config.js中对一些配置的更改,简单介绍一下loader的使用;用configureWebpack简单的配置;用chainWebpack做高级配置;包括对loader的添加,修改;以及插件的配置1、首先简单介绍一下webpack中loader的简单使用:loader:是webpack用来预处理模块的,在一个模块被引入之前,会预先使用loader处理模块的内容,在你打包的时候对某些内容需要loader原创 2021-05-07 09:17:20 · 3177 阅读 · 1 评论 -
echarts 获取x轴y轴范围并且设置双折线轴等间隔问题
1.在实际项目中我用到的是时间轴 //获取Y轴的刻度范围 var rangeY = this.myChart.getModel().getComponent('yAxis').axis.scale._extent; //获取X轴的刻度范围 var rangeX = this.myChart.getModel().getComponent('xAxis').axis.scale._extent; ...原创 2021-04-28 15:33:50 · 2088 阅读 · 0 评论 -
echarts折线图尾部文字重叠问题 endLabel
问题: emphasis: { focus: "series", }, endLabel: { show: true, color: "red", lineHeight: 18, offset:[35,0], formatter: function (params) {原创 2021-04-28 15:42:20 · 3587 阅读 · 0 评论 -
echarts 异步数据获取、通过切换搜索条件后重复渲染问题、添加loading
1.同一坐标系渲染多条折线问题:在数据请求回来之前已经开始画线,导致线条画不上的问题解决: // 曲线图1 actulePriceList1(){ return new Promise((resolve, reject) => { priceClient.findActulePriceListByName(StringValue.of(this.condition.varietyNameCode)).then(res=>{原创 2021-04-22 12:03:16 · 584 阅读 · 0 评论 -
el-ement 日期时间选择器初始时间转化为时间戳
<el-date-picker v-model="value1" type="datetime":default-value="new Date()" format="yyyy-MM-dd HH:mm" value-format="timestamp" placeholder="选择日期时间" @change="change1" :picker-options="pickerOptions1" placeholder></el-date-picker>将202.原创 2020-11-19 14:34:05 · 1163 阅读 · 0 评论 -
vue打包之后字体乱码
现在的情况是这个亚子。部署到服务器就变成这个样了解决方式还在摸索。。。。。原创 2020-07-28 14:51:40 · 3498 阅读 · 2 评论 -
vue项目开发:图片、视频加其他内容同时提交的方式
html代码如下: <el-form :model="form" status-icon ref="form" label-width="100px" @submit.native.prevent .原创 2020-07-27 14:30:52 · 290 阅读 · 0 评论