yh0016的博客

实现将置于顶部的头导航栏的透明色，经过鼠标下滚后，加上背景色图一：图二：如这两张图的效果，将图一变为图二，同时也可将图二变为图一。首先，该元素是固定元素，将它固定在浏览器顶部，然后加一个ref来获取该元素<nav ref="viewBox"></nav>这里是js方法监听滚轮并且将背景色改变mounted(){ //监听滚轮滚动事件 window.document.body.onscroll = () => { if (docum

Vue3按需引入ElementUI这里记录下新构建的项目按需引入ElementUI1、npm install --save element-ui2、npm install babel-plugin-component -D3、在 babel.config.js文件里如下图module.exports = { presets: [ "@vue/cli-plugin-babel/preset",//这行是默认有的，其余是要加的。 ["@babel/preset-env", { m

Vue+ElementUI实现在表格中点击图片预览大图和预览视频

Vue cli3 跨域代理问题遇到过很多次vue 跨域代理问题，今天来好好写一写解决方法。vue.config.js(没有的话就自己创建，在根目录下，与package.json同级)vue.config.js:module.exports = { devServer: { proxy: { '/api': { // 此处的写法，我访问的是http://localhost:8080/api/dataHome.json设置代理后

使用upload上传文件到服务器中在上传文件中，遇到了想要限制成上传xls/xlsx文件的需求，看了官方文档中写的el-upload介绍以及百度，现有两种方式限制上传文件类型。一、使用accept属性，限制上传类型（好处是，在点击上传的时候会将其他类型的文件过滤掉）<el-upload class="upload-demo" drag action="（服务器地址）" :on-change="handleChange" :headers="headers" :data="listD

el-switch页面初始值问题先附上效果图，在网页刚开始打开的时候实现的效果，发现在页面打开的时候，el-switch是有初始值的，官方代码如下：<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch><script> export default { data() { return { v

记录Vue用sessionStorage存取数据sessionStorage是用于临时性的存储数据，在关闭浏览器后，该数据将会被删除，而localStorage则是长期的，就算你关闭了浏览器，该数据还是存在。同时，sessionStorage的存储空间会比localStorage的空间小。一、存储数据采用setItem方法存储sessionStorage.setItem('key',value);通过属性方式存储sessionStorage['key']=value;二、读取数据

记录git使用一、拉取已有项目（VsCode）在vscode中，首先初始化gitgit init拉取项目拉取分支：git clone dev(分支名) (url) 拉取默认master分支： git clone (url)二、创建分支git branch login(分支名)三、查看当前分支下的文件以及未上传的文件查看当前分支下的文件git status如果显示有红色的文件，说明该文件未上传，那么就需要：git add .四、上传文件如果需要pull 或pu