- 博客(16)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 解决vue路由与锚点冲突
HTML<ul> <li><a href="" @click.prevent="custormAnchor('firstAnchor')">公共报文头</a></li> </ul><div id='firstAnchor'>test</div>jsmethods: { custormAnchor(anchorName) { // 找到锚点
2021-12-03 15:26:04
332
转载 数字 显示为LED 字体
https://files.cnblogs.com/files/hill-foryou/UnidreamLED.zip，然后解压得到UnidreamLED.ttf 在入口文件加上下面css代码 @font-face { font-family: LEDFont; font-size: 36px; src: url('./UnidreamLED.ttf');} 3.需要显示的数字 加上classLEDFont<div class="LEDFont"> 255 ...
2021-12-03 13:36:18
741
原创 用el-tab-pane标签切换echarts被压缩
给echarts的标签加上一个if判断<el-tabs v-model="activeType"> <el-tab-pane label="行政区统计" name="1"> <xzq-chart v-if="activeType ==='1'" :xzqdata="xzqdata"></xzq-chart> </el-tab-pane> <el-tab-pane label="水源类型统
2021-12-03 08:46:14
167
转载 vue进度条带字
HTML<ul> <li v-for="item in items"> <div class="progress"> <span class="progressing" v-bind:style=" 'width:' + (item.time/17)*100 +'%' "> <span class="percentage">{{item.time}}/...
2021-12-03 08:46:01
547
原创 解决elementUI切换条件label不刷新或者渲染表格数据不刷新
在table上的key绑定一个临时变量tablekeyHTML<el-table :data="tableData" :height="tableHeight" :key="tablekey"> <el-table-column prop="stcd" label="测站编码" ></el-table-column> <el-table-column prop="stnm" label="测站名称"></el-table-column&g
2021-12-03 08:43:47
1161
原创 端口被占用
解决方法修改端口号，或者干掉端口号，重新启动项目干掉端口号方法：1.进入cmd命令窗口，写netstat -ano|findstr "8880"C:\Users\xuelin>netstat -ano|findstr "8880" TCP 0.0.0.0:8880 0.0.0.0:0 LISTENING 15512 TCP 10.1.xx.xx:8880 10.1.102.41:53983
2021-12-03 08:43:24
160
转载 Vue滑动进度条组件，可点击、可拖拽
组件c-progress的使用导入import CProgress from './../components/c-progress'使用<c-progress class="c-progress" :percent="70" @percentChange="onPercentChange" /><c-progress class="c-progress" :percent="70" :show-slider="true" :show-per-text="false"
2021-12-02 11:39:15
2739
原创 element-ui dialog设置为点击弹窗以外的区域不关闭弹窗
第一种:在el-dialog标签中添加:close-on-click-modal="false"<el-dialog title="提示" :visible.sync="dialogVisible" :close-on-click-modal="false"></el-dialog>第二种:全局设置main.jsimport ElementUI from 'element-ui'Vue.use(ElementUI)ElementUI.Dialog.prop
2021-12-02 11:20:56
756
原创 element-ui中 Cascader 级联选择器 动态加载
第一步：添加 el-cascader 组件标签<el-cascader v-model="cityVal" :options="cityoptions" placeholder="请选择行政区划" :props="props" clearable ></el-cascader>第二步：添加 props 属性 props: { // expandTrigger:'hover', checkStrictly:true, lazy: true,
2021-12-02 10:36:47
260
转载 web前端学习资源分享
2推荐文章（教程）html(5)后HTML5时代I后HTML5时代II（简单粗暴的介绍html5的api，没什么废话）html5推广（介绍html5开发的创意广告）匠心打造canvas签名组件HTML5/CSS3（汤姆大叔总结的html5和css3的新特性）H5动画开发快车道移动H5前端性能优化指南玩转HTML5移动页面HTML5 进阶系列：文件上传下载HTML5 进阶系列：canvas 动态图表HTML5 进阶系列：拖放 API 实现拖放排序（这个系列的文章都不错，值得大家一看）H5动效的常见制作
2021-12-02 09:47:52
246
转载 vue-picker组件
vue-picker的组件，包括了（普通选择、联动选择、中国地址选择...）简单配置就可以出现一个强大的picker，感受下效果图。demodemo 地址：https://naihe138.github.io/vu...installnpm install vue-pickers --save使用普通网页开发直接复制lib/vue-picker.js文件夹到项目即可直接使用<template> <div> <VuePicker :
2021-12-02 09:40:09
2185
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人