logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

element-ui 解决 el-select 设置初始默认值后切换选项无效问题

如何解决 el-select 设置默认值后无法切换选项在今天做项目的时候突然遇到一个问题,我给form表单里面的 el-select下拉框设置一个默认值,但是当下拉框重新选择时,页面下拉框的值却不变, 如图所示:原因: select 已经绑定了值,重新选择的时候,render函数没有自动更新,数据刷新了但是视图没有刷新(value 改变了,但是label值没变)解决方法使用this.$forceU

#vue.js#javascript#前端 +1
Vue项目中element-ui 上传文件upload与form一起提交

需求:提交表单数据和上传文件同步进行,请求一次接口。elementui中的upload组件上传文件时能附带额外的参数,所以可以把表单数据作为上传时附带的额外参数提交给后台。<el-dialogclass="add_box":title="title":visible.sync="editFormVisible"width="25%"style="min-width:1100px;"@clic

#vue.js#前端
Vue使用百度地图绘制人员历史轨迹

Vue使用百度地图绘制人员历史轨迹使用1.index.html 中引入百度地图在线链接<!DOCTYPE html><html lang="zh-CH"><head><meta charset="utf-8"><!--必须要加 启用360浏览器的极速模式--><meta http-equiv=X-UA-Compatible cont

#vue.js#前端
Vue 配置本地代理解决跨域问题

.一、为什么会出现跨域问题出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。二、什么是跨域当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。当出现跨域问题时浏览器会报如下错误:三.如何解决跨域问题在vue中使用proxy进行跨域

#vue.js#javascript
Vue+element-table组件将选中的数据导出为excel(导出的是当前页选中的数据)

1.安装插件npm install file-saver --savenpm install xlsx --savenpm install script-loader -D如果想详细看前两个插件使用,地址如下。https://github.com/SheetJS/sheetjs.https://github.com/eligrey/FileSaver.js.2.在src文件夹下新建 excel文件

#vue.js
vue 中如何less/sass 中使用深度选择器

问题当给vue组件的style样式加上scoped时, vue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局,但如果引用了第三方组件:默认只会对组件的最外层(div)加入这个 [data-v-xxxx] 属性,但第二层开始就没有效果了。 如图所示: 第一层还有 data-v-635d6c02, 但

Vue 中使用echarts 绘制地图

图形如下第一步,下载echartsnpm install echarts --save-dev第二步,创建echarts.js文件,按需导入echarts//echarts.jsimport echarts from 'echarts/lib/echarts';//引入地图import 'echarts/lib/chart/map';//引入柱状图import 'echarts/lib/chart

#前端#vue.js
Vue3 使用天地图绘制车辆历史轨迹

Vue3中使用天地图,自定义出车辆历史轨迹如下1. 引入在index.html 中引入天地图在线链接<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta n

#vue.js#typescript#前端
vue3 + threejs 实现仿iView官网大波浪特效

一、效果图先上最终效果图:具体效果可参考iview官方界面iView - 一套高质量的UI组件库大波浪效果,使用的是three.js的官方例子,需要先安装three.js支持,具体可以看官方实例 three.js examples (threejs.org)二、代码1.安装threejsnpm install --save three2.代码(复制可用)components文件夹新建组件waves

文章图片
#vue.js#javascript#前端
Vue 三种首页加载等待动画,避免首次加载白屏时间过长

先看效果第一种第二种代码如下注意:代码需要在index.html 中书写第一种效果代码// index.html<!DOCTYPE html><html lang="en"><head><style type="text/css">html,body,#app {height: 100%;margin: 0px;padding: 0px;}

#动画#html5#html
    共 17 条
  • 1
  • 2
  • 请选择