Joyce_TT-CSDN博客

原创右键菜单组件vue——显示在光标跟前

需求：鼠标右击显示菜单菜单分组显示，中间用横线隔开鼠标悬浮在具体菜单内容时添加背景色菜单显示在光标附近，默认显示在右下侧，要考虑边缘情况左击菜单关闭选中内容后菜单关闭我们将显示的菜单写成一个组件父组件中右击，在光标附近显示子组件子组件 context-menu.vue我们从最简单的开始，完成以下功能：菜单分组，并用横线分割；鼠标悬浮时添加背景色；点击内容时，将选中值传到父组件。<template> <div class="theContextM

2021-05-26 17:57:54 635 3

原创 echarts问题记录

X轴最后一个刻度标签加粗问题描述：如图最后一个刻度标签加粗解决：是因为加了interval:0导致，这个属性又不能去掉，查看文档发现可以使用function,改为interval: () => true, axisLabel: { interval: () => true, rotate:15, }...

2021-04-29 10:25:07 104

原创 v-for与v-if一同使用在vue2和vue3中的区别

v-for与v-if一同使用在vue2和vue3中的区别：在vue2中，v-for 的优先级比v-if更高。在vue3中，v-if具有比v-for更高的优先级。在vue2中，v-for 的优先级比v-if更高，这意味着v-if将分别重复运行于每个v-for循环中。vue2文档中是这样写的：在vue3中，v-if具有比v-for更高的优先级。vue3文档中是这样写的：...

2021-04-21 11:03:44 1041

原创 vue+iview自定义季度选择器组件

先看看效果：样式和当前iview的DatePicker类似。这里用到了iview的Input和一个自定义的下拉面板。整体思路：当点击Input聚焦时，触发on-focus事件设置visible=true显示下拉面板。下拉面板分为上下两部分，上半部分为左、中、右。左右两边进行翻页显示上下年份，中间显示年份（默认为当前年份）。下半部分为所选年份的四个季度（首次打开时当前季度标亮）。选择对应季度后组成将要在Input框上显示的内容。Input框内添加删除按钮，当存在数据时并且鼠标在范围内则显示，点

2021-04-12 18:36:44 2910 7

原创 Github查询项目

项目一般由name（项目名称）、description（项目的简单描述）、readme（详细介绍）、源码四个部分组成。我们可以根据以下方式来进行搜索:直接搜比如直接搜索 vue ，但这种搜索范围一般都比较大。 in:name xxx // 按照项目名搜索 eg. in:name vue in:readme xxx // 按照 README 搜索 eg. in:readme vue in:description xxx // 按照 description 搜索...

2021-03-11 16:19:31 133

原创 CSDN换皮肤啦~

两种途径帮你轻松换皮肤：1.点击头像进入我的博客顶部会出现换皮肤啦按钮，点击该按钮就会出现皮肤弹框2.点击头像->管理博客进入博客管理界面，在左侧菜单底部点击博客设置进入界面...

2019-12-05 10:15:31 126

原创 Web 防止浏览器记住登录密码（vue）

需求：在上一篇（登录页隐藏密码位数）的基础上防止浏览器记住密码在网上查了很多也试了很多,比如: 1. 添加-webkit-text-security:disc; 2. input 添加属性autocomplete = "off"; 3. 动态修改input的type属性<input type="text" name="pass...

2019-07-23 18:35:32 3304 1

原创登录页隐藏密码位数(Vue)

需求：用户输入密码时所展示的密码长度和实际输入位数长度不同。解决思路：每当输入一位时，随机生成1~5位的字符串加入之前所输入值后面，并且记录所产生的随机字符串长度，以便删除时使用。解决方式：1. input 加入on-change事件（iview写法）<Input type="password" v-model.trim="form.password" @on-chang...

2019-07-23 17:56:40 601

原创 Grafana学习笔记——下载安装运行（windows）

在windows下安装Grafana官方下载地址：http://docs.grafana.org/installation/windows/这是一个二进制文件，直接解压随便放在一个你想放的地方，但是在解压之前最好先将压缩包的解除锁定（右击压缩包->属性->常规->安全->选中解除锁定。然后将conf文件夹中的sample.ini在原地复制一份，并改名为cus...

2019-01-22 10:41:31 6449 4

原创 Vue复杂表格（动态组合表头，跨行）

先上效果图：如果只是需要这样的表头，那么iview就可以做到（项目使用的iview）,但是遇到这种既需要复杂表头，又需要跨行的情况，查了一下，好多都说让改iview源码，。。。就想着自己写一个。渣渣的我来说，哈，很有成就感。希望大家提出建议。下面是具体思路：1.首先是对表头的数据进行处理。使用了和iview Table columns属性同样的格式存值。 columns...

2018-11-29 17:31:11 13455 7

原创 vue项目使用axios发送请求让ajax请求头部携带cookie

最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让ajax请求头部携带cookie的，因此，在main.js中设置如下：import axios from 'axios'axios.defaults.withCredenti...

2018-10-22 17:30:28 2870

原创在eslint下使用vue-i18n

在eslint下编码报错真的是防不胜防，最近引用了eslint对代码进行了规范，额。。一言难尽啊。在vue-i18n这老是报错，经过修改后。。。在main.js下引入多语以及vue-i18n：import VueI18n from 'vue-i18n';import LangEN from './assets/lang/en_US';import LangCN from './ass...

2018-09-13 11:44:28 589

原创 vue cli3.0 打包并在本地查看

根据以下命令对项目进行打包：npm run build命令执行完出现 DONE Build complete. The dist directory is ready to be deployed. INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html...

2018-09-10 14:52:27 30184 10

Thea的博客