- 博客(50)
- 收藏
- 关注

原创 vue+elementui table表格点击单元格单元格改变背景色
<el-table :data="tableData" border @cell-click="cellclick" :cell-style="tableCellStyle"></el-table>data(){ row:'', column:''}cellclick (row, column, cell, event) {...
2020-04-30 09:31:20
6873
14
原创 如何查找 UBuntu的 arm版本
如果需要其他版本 点击 Alternative and previous releases。点击 Tab栏的Download Ubuntu >> Server >> ARM >>点击Download 24.04.2 LTS 即可。进入到如下页面选择想要的版本下载即可。
2025-02-21 19:00:24
433
原创 npm : 无法加载文件 D:\SoftFile\npm.ps1,因为在此系统上禁止运行脚本。
npm : 无法加载文件 D:\SoftFile\npm.ps1,因为在此系统上禁止运行脚本。
2025-01-10 17:36:41
1478
原创 This probably means that Tcl wasn‘t installed properly.
【代码】This probably means that Tcl wasn‘t installed properly.
2024-12-10 20:13:16
181
原创 vue vant实现上传图片
<template> <div id="root"> <van-uploader v-model="fileList" :before-read="beforeRead" :after-read="afterRead" :max-size="isOverSize" :max-count="6"
2021-07-26 11:47:37
904
原创 echarts引入报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
将import改为require的引入方式import echarts from 'echarts'var echarts = require('echarts')
2021-07-22 15:40:00
669
原创 vue 实现移动端年周时间选择
vue 实现移动端年周时间选择使用组件样式实现代码实现使用组件添加链接描述样式实现代码实现<template> <div id="root"> <van-nav-bar left-arrow @click-left="returnHandle()"> <template #title> <span class="nav-title">统计分析</
2021-07-22 11:02:40
1755
原创 css 展开收起动画
@keyframes slide-down{ 0%{transform: scale(1,0);} 25%{transform: scale(1,1.2);} 50%{transform: scale(1,0.85);} 75%{transform: scale(1,1.05);} 100%{transform: scale(1,1);}}.select-open{ animation: slide-down .5s ease-in; transition: .3s eas
2021-07-19 17:10:39
5188
原创 css实现倒三角
.delete::before{ content: ''; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid pink; }
2021-07-19 17:09:15
287
原创 css 实现边框四个角效果
<div class="bottom"> <!-- 四个角的边框效果 --> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div> <div class="border_corner border_corner_left_bottom">
2021-07-08 16:02:02
2784
原创 vue 实现数据屏滚动
1.安装vue-seamless-scrollnpm install vue-seamless-scroll --save 2.引入组件<vue-seamless-scroll></vue-seamless-scroll> import vueSeamlessScroll from 'vue-seamless-scroll' components: { vueSeamlessScroll}, 3.配置参数// 监听属性 co
2021-07-08 15:53:38
921
原创 vue 实现点击复制文本
1.下载clipboard.jsnpm install clipboard --save2.引入插件//main.js中全局引入import clipboard from 'clipboard';Vue.prototype.Clipboard = clipboard3.应用代码 <a @click="copy" :data-clipboard-text="record.wenjuanLink" id="express_info_right">复制链接</a> &l
2021-05-24 14:33:43
440
1
原创 vue项目中实现遮罩层
<template> <div id="app"> <div id="mask" ref="mask" @click="mask()"> <img src="..." class="mask_img"> </div> </div> </template>mounted() { this.$refs.mask.style.height = window.document.get
2021-05-15 11:57:04
11722
1
原创 echarts Cannot read property ‘init‘ of undefined“
下载下面这个版本可解决cnpm install echarts@4.8.0 --save
2021-05-06 16:46:00
484
原创 vue项目使用Echarts
cnpm install echarts -S**main.js全局引入**import echarts from 'echarts'Vue.prototype.$echarts = echarts再需要echarts图表的页面使用<div id="myChart" :style="{width: '300px', height: '300px'}"></div> mounted() { this.drawLine() },methods: {
2021-05-06 16:44:30
117
原创 element ui Tabs 居中
一设置stretch<el-tabs v-model="activeName" @tab-click="handleClick" stretch> <el-tab-pane label="学院管理" name="first"></el-tab-pane></el-tabs>二::v-deep .el-tabs__nav-scroll{ width: 50%!important; margin: 0 auto!important;}.
2021-04-22 18:52:41
9862
3
原创 小程序使用echarts图表
一 首先,下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。二 仅拷贝 ec-canvas 目录到新建的项目下,然后做相应的调整。三 创建一个页面文件,.json文件引入组件四 .wxml 中使用 组件。注意路径的相对位置要写对。其中 ec 是一个我们在 index.js 中定义的对象,它使得图表能够在页面加载后被初始化并设置五import * as echarts from '../../../components/echarts-
2021-04-21 15:03:04
146
原创 vue 本地背景图片铺满整个屏幕
.home{ width: 100%; height: 100vh; background: url("XXX") center center no-repeat; background-size: 100% 100%;}
2021-04-21 14:48:29
2239
原创 小程序获取当前屏幕高度
let that = this;// 获取系统信息wx.getSystemInfo({ success: function (res) { // 获取可使用窗口宽度 let clientHeight = res.windowHeight; // 获取可使用窗口高度 let clientWidth = res.windowWidth; // 算出比例 let ratio = 750 / clientWidth; // 算出高度(单位rpx)
2021-03-25 15:58:03
1233
原创 小程序导入vant Weapp
1.打开当前项目终端2.输入命令 npm init 初始化项目 , 项目中生成package.json文件3.输入命令 npm i @vant/weapp -S --production ,详情勾选使用npm模块,工具中勾选构建npm,项目中生成miniprogram_npm和node_modules文件4.再在相对于页面引入即可,注意引入路径<!--index.json文件:-->"usingComponents": { "van-button": "/minipro
2021-03-24 15:34:44
116
原创 element ui输入框 placeholder字体样式修改
element ui输入框 placeholder字体样式修改.el-input input::-webkit-input-placeholder { color:#AEABAB;}.el-input input::-moz-input-placeholder { color: #AEABAB;}.el-input input::-ms-input-placeholder { color:#AEABAB;}
2020-12-11 16:33:09
6771
1
原创 js截取url字符串中某个词后面的内容
var url = 'http://192.168.10.58:8080/group1/M00/00/03/wKgKNl-RPxiANK9aAAHFkEl6kXI416.jpg' if (url.indexOf('8080') !== -1) { const requestUrl1 = url.substr(url.lastIndexOf('8080') + "8080".length + 1) console.log(requestUrl1) }
2020-10-22 18:19:16
890
原创 小程序引入样式 报错 media query expectedcss(css-mediaqueryexpected)
样式引入结尾加分号即可
2020-10-21 16:29:18
3165
2
原创 TypeError: Cannot read property ‘__ob__‘ of undefined
出现这个问题是因为.vue文件里面export default {}写了data(){}却没写return{}export default { data(){}}
2020-10-20 09:54:15
157
原创 vue项目运行报错
先删除node,然后用cnpm i基本就能解决npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm i
2020-07-31 14:53:59
489
原创 vue 父组件给子组件传值及父组件触发子组件事件
父组件<template> <div> <!-- 顶部导航 --> <topNav title="XXX" @click="goBack" ref="child" ></topNav> </div> </template> <script>import topNav from '../../components/topNavbar'ex
2020-07-29 16:22:53
1053
原创 时间格式的转换格林时间转2020-12-12 12:12:00
renderTime(str) { let that = this let nDate = new Date(str) let nYear = nDate.getFullYear() let nMonth = nDate.getMonth() + 1 let nDay = nDate.getDate() let nHours = nDate.getHours() let nMinutes = nDate.getMinutes
2020-07-29 16:17:15
1692
2
原创 Cannot read property ‘getAttribute‘ of null“ vue导入echarts报错
<templete> <div> <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM --> <div id="main" style="width: 600px;height:400px;" ></div> </div></templete><script>import echarts from
2020-07-29 16:15:45
267
1
原创 vue 项目 跨域 前端vue.config.js配置反向代理
module.exports = { devServer: { open: true, proxy: { // detail: https://cli.vuejs.org/config/#devserver-proxy '/api': { target: `http://playball.boyunke.com/`, changeOrigin: true, pathRewrite: { '^/ap
2020-07-23 15:28:05
1846
原创 vue 脚手架4.0 打包 静态资源路径加载不出来vue.config.js配置
module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '' : '/', // 公共路径 indexPath: 'index.html', // 相对于打包路径index.html的路径 outputDir: process.env.outputDir || 'dist', // 'dist', 生产环境构建文件的目录 assetsDir: 'static', // 相对于outputDi
2020-07-23 15:21:13
1565
原创 vue 项目 运行 报错Module build failed (from ./node_modules/babel-loader/lib/index.js)
vue 项目 运行 报错Module build failed (from ./node_modules/babel-loader/lib/index.js)把node_modules 删除之后,输入以下命令(一定这个顺序):1. npm install vue-template-compiler -D2. npm install3. npm run dev转载原链接
2020-07-23 15:10:23
5509
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人