凉酱的博客

websocket连接及信息接收

加一行注释<!-- eslint-disable-next-line --><template slot-scope="scope">

需求：在用列表展示数据时，出现了很多项信息需要展示导致表格横向特别长，展示就不够明晰，用户使用起来可能会觉得抓不住自己的重点。设想实现：用户手动选择表格的列隐藏还是展示，并且记录用户选择的状态，在下次进入该时仍保留选择的状态。效果图如下：原：不需要的关掉默认的勾选：实现代码：HTML部分就是用一个多选框组件展示列选项用v-if="colData[i].istrue"控制显示隐藏，把列选项传到checkbox里再绑定勾选事件。<el-popover placement="right.

记录遇到错误一是因为用到<style lang="scss">的话不能解析sass-loader

用的element以及antd图标种类都比较少，不够实用，学别人引用svg的图标库一、引入svg准备安装依赖npm install svg-sprite-loader --save-dev配置build文件夹中的webpack.base.conf.js添加1：exclude: [resolve('src/icons')],添加2：{ test: /\.svg$/, loader: 'svg-sprite-loader', include: [r

遇到scss错误是因为用到<style lang="scss">的话不能解析sass-loader安装node-sass、sass-loadernpm install sass-loader@7.3.1 --save-devnpm install node-sass@4.11.0 --savenpm install style-loader --save有些的版本过高也会报错，试验过后上面的我的可以正常使用。在build/webpack.base.config.js添加配置

翻了很多帖子，最终基于https://blog.youkuaiyun.com/zhangtff/article/details/89458797的文章，使用css绘制出八方向用来控制摄像机等的按钮盘，于此记录。效果图大致如下图，用到的图片还没找美工做，自己随便找的。用到了一个圆形背景图片，一个向上的箭头图片，一个回复图片。代码部分如下<template> <el-card class="box-card"> <ul class='pie'>

导入moment <script>import moment from 'moment';export default { data() { return { dateFormat: 'YYYY-MM-DD', }; }, methods: { moment, },};</script>设置defaultValue默认日期类型为momentHTML部分<a-range-picker class="ra.