- 博客(8)
- 收藏
- 关注
RSS订阅原创 页面内滚动效果实现的方式，比如回到顶部，以及锚点功能对比分析
跳转是瞬时发生的，无法定义过渡效果。推荐使用以下element.scrollIntoView方式。一般情况下，返回顶部的按钮需要固定在右下角，屏幕滚动一定距离之后返回顶部按钮出现。其中element是你获取到的元素。比如通过以下方式获取。可以定义平滑滚动效果，推荐使用这个方法。定义handleScroll函数。监听页面滚动，在mouted中。至此滚动到顶部功能完毕。
2023-10-25 16:09:08
76
原创 基于vite搭建vue3框架的笔记记录(2)--vscode报错
项目使用的是vite2来搭建。ref等报错yarn add [email protected] add [email protected]参考链接：https://blog.csdn.net/zhanye88/article/details/121644706https://blog.csdn.net/qq_43869822/article/details/121637066https://blog.csdn.net/sirodeng/article/details/1054
2022-01-12 09:39:59
382
原创 基于vite搭建vue3框架的笔记记录（1）
yarn create vite参考链接在vite.config.ts中配置全局路径//vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'const { resolve } = require("path");// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()].
2022-01-12 09:33:16
410
原创 vue项目实现记住密码功能
将账号密码保存到cookie中。密码必须加密，采用base64进行加密// 安装npm install --save js-base64// 引入const Base64 = require('js-base64').Base64在login.vue中的created钩子函数中，加入let account = cookie.getCookie("account") let password = Base64.decode(cookie.getCookie("password")
2021-12-28 11:58:35
1558
原创 使用vuex刷新页面后无法获取，以及结合路由权限使用的思考
vuex刷新后失效问题解决思路，由于项目大多数页面都使用了vuex，在这里建立一个全局组件reload.js，将其全局混入。/** * 2021-12-3 * by BlackJoken * 全局混入，解决刷新获导致vuex中的值丢失问题 */ import store from '@/store/index' //import router from '@/router'export default{ created() { //在页面加载时读取sessio
2021-12-14 18:22:40
457
3原创 vue截图功能的实现
安装npm install html2canvas -D需要截图的页面引入importhtml2canvasfrom'html2canvas'需要截图的容器加 ref<divref="imageTofile"class="dashboard-containerhome-box">toImage() { // 第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等 html2canvas(this.$refs....
2021-12-09 14:17:03
1409
原创 vue中scpoed的作用以及添加scoped后修改第三方库的样式无效问题
scoped的引入是为了解决样式污染问题。 通过PostCSS插件来对css代码块进行命名处理，如下：.line{ margin-top: 2.17rem; width: 13.26rem; border-bottom: 3px solid #22233B;}经过处理后会变成.line[data-v-b441dca4]{ margin-top: 2.17rem; width: 13.26rem; border-bottom:...
2021-12-01 13:35:50
504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人