logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

基于elementui的年月日周时间控件

子组件<template><div class="component_search_form_date clearfix"><el-radio-group v-model="curType" :size="moduleSize" style="float: left;" @change="radioChange"><el-radio-button v-fo

vue-cli3 使用 iframe嵌入本地html 文件

* 注意:在vue-cli3 中,需要将引入的html文件放在 public/static 目录下,否则不生效。vue-cli2 中,放在 static 目录下可以正常引入//src 的根路径就是public<iframe src="static/test.html"></iframe>...

项目中使用了Swiper 的 “cube”,3d切换效果。但是动态从后台获取到图片以后,切换效果失效。静态页面切换效果就没任何问题

1、对比了好久这个问题,一度觉得是图片的问题,后来对比代码,包括拿循环到的数据放在静态页和一开始的数据,发现Swiper 提前初始化,但此时数据并未展示出来。2、解决方法:var swiper = new Swiper('.swiper-container', {initialSlide :0,// 添加如下两行obse...

Vue + Element 实现导入导出Excel

1、首先搭建Vue 项目(具体可参考以前文章,不再详述:https://blog.csdn.net/qq_42540989/article/details/89853923)2、引入Element(你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。)//在main.js中引用import ElementUi from 'elem...

uniapp 简易通用的ajax 请求 封装 以及携带token去请求 (代码优化(新增请求日志和响应日志))

1、例如:在api文件夹中新建一个api.js//公共的方法const baseUrl = "http://192.xxx.xx.xx:8889";// 请求地址const $ajax = {get: function({url,param,header}) {return new Promise(function(resolve, ...

Echarts 设置柱状图颜色渐变以及柱状图粗细(补充:其他样式,比如横向柱状图,折线区域颜色渐变,x,y轴文字颜色,轴颜色,分割线颜色等)

1、横向柱状图series: [{type: 'bar',barCategoryGap:'88%',barWidth:13,itemStyle: {normal: {color: new echarts.graphic.L...

Vue (第1篇教程 使用 Vue2.0 vue-cli脚手架搭建一个项目)

1.首先得下载node.js。方法可自行百度。2.3.一开始报很多错误,后来用管理员就没问题了。4.5.如上图会遇到卡住的问题,解决方法是在最后一个选项上选择No,I will handle it myselft,然后cd vue_test,然后cnpm install,这样就成功了,然后执行npm run dev就出现:6.浏览器端访问localhost:8081...

Vue 页面加载进度条nprogress的使用

前言:客户在访问网页的时候想要看到网页加载的进度,所以使用 nprogress 来实现当页面跳转是出现在浏览器顶部的进度条,它是轻量级的进度条组件,使用简便,可以很方便集成到应用中来。一、参考资料官网:https://ricostacruz.com/nprogress/github:https://github.com/rstacruz/nprogress二 、安装 nprogress// 使用n

Vue (第6篇教程 从一个页面跳转并且传参到另一个页面)

本文跳转传参用的是:this.$router.push1、首先定义好要跳转的页面(跳转到MonitoringDetails)以及传递的参数(benid2就是要传递的参数)。goMonitoringDetails() {this.$router.push({name: "MonitoringDetails",//跳转的页面p...

Vue (第5篇教程 v-for 渲染数据 渲染多层数据)

1、渲染数据<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>v-for</title></head><body><div id="app"><p v-for="(ite...

    共 23 条
  • 1
  • 2
  • 3
  • 请选择