logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue里使用Element-ui组件el-table设置指定行样式(采用cell-style方案避row-class-name坑)

Vue里使用Element-ui组件el-table设置指定行样式(采用cell-style方案避row-class-name坑)问题描述:根据项目开发需求,需要对table指定的行或者列进行样式设置。Element-ui中table提供的row-class-name提供的方案是真的坑,改用cell-style方案。先给出效果图:即实现自定义斑马条纹样式。其他方法参考Element-ui官方文档:

#css#javascript
Vue使用Element-ui upload组件进行多文件上传(视频或者图片)

Vue使用Element-ui upload组件进行多文件上传(视频或者图片)最近有个小的功能需求需要能够支持多文件上传图片或者视频文件,头疼不已。话不多说,上干货。1、按需对接口请求进行封装(可以根据你自己的需求来)// body传参function bodyParams (method, url, params, contentType) {return new Promise((resolv

Vue-cli项目里配置内网外访问

Vue-cli项目里配置内网外访问在进行为了方便进行内外网访问,需做以下相关配置1、vue.config.js配置如下:const webpack = require('webpack')// const path = require('path')// function resolve(dir) {//return path.join(__dirname, '..'1, dir)// }modu

解决Vue前端请求后端解决接口跨域问题(开发环境下)

问题描述:在进行接口请求的时候跨域请求的错误。解决方法:1、修改config文件下的index.js里面的proxyTable属性:proxyTable: {'/api':{target:'http://bus.jt.sh.cn:8080',changeOrigin: true,pathRewrite:{'^/trafficline':''}}},说明:proxyT

Vue+Echarts数据可视化(面积图)

Vue+Echarts数据可视化(面积图)最近公司开发需要使用Echarts来进行数据展示,稍微记录一下。先看效果图:话不多说,直接上代码:1、使用npm下载安装Echarts依赖(下载速度慢可使用淘宝镜像进行cnpm)npm install echarts -S2、js里引入echartsimport echarts from 'echarts'3、Echarts面积图页面展示部分<el-

#javascript
Vue里如何解决form吧表单更新操作出现不能进行编辑的情况

Vue里如何解决form吧表单更新操作出现不能进行编辑的情况只需在进行form表单更新操作的时候进行强制更新即可:1、首先、定义一个用于强制更新的方法//对form表单进行强制更新操作,避免无法编辑表单的情况updateForce(e){this.$forceUpdate();var val = e;}2、在需要进行更新操作的form表单调用定义好的强制更新方法<el-form-item l

Vue前端适配自定义vh和vw方案

Vue前端适配自定义vh和vw方案话不多说,直接上代码1、在assets/css文件下新建global.scss,代码如下:以适配屏幕为1920x1080为例,其他尺寸根据具体需求修改即可。$vm_base: 1920;$vh_base: 1080;// 计算vw@function vw($px) {@return ($px / $vm_base) * 100vw;}// 计算vh@functio

#css
结合vuex本地存储state全局变量值(避免页面刷新数据丢失)

结合vuex本地存储state全局变量值(避免页面刷新数据丢失)问题描述:通过接口获取的数据进行变量接收后,如果刷新页面,需要重新进行接口请求,这样有时候会造成需要渲染的数据丢失。解决方法如下:1、store中定义全局变量:import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Stor

Vue项目_设置浏览器上方的项目标题和图标(避小坑)

Vue项目_设置浏览器上方的项目标题和图标(注意图标放置位置)1.设置自定义图标注意点:项目根目录的index.html,进行设置:【注】设置自定义的图标,需要把自己的的图片放在static目录下(与src同级目录,不要放在src目录下,浏览器会找不到)2.话不多说,直接上代码<!DOCTYPE html><html><head><meta charset

Vue 最外层div未铺满整个页面的解决方法

Vue 最外层div未铺满整个页面的解决方法组件内的最外层div未铺满整个页面的有效解决方法:使用全局的CSS样式1.在src/css目录下新建全局CSS文件:global.scsshtml,body,#app{height: 100%;margin: 0;padding: 0;}2.在App.vue中引入全局样式global.scss<style>/*引入全局样式*/import '

#css
    共 28 条
  • 1
  • 2
  • 3
  • 请选择