vue3实现鼠标滚轮控制横向滚动条滚动
在main.ts中注册全局自定义指令 app.directive('scrollX', { // 在元素被绑定到DOM中的时候调用 mounted(el) { el.addEventListener('wheel', function (event) { event.preventDefault() el.scrollLeft += event.deltaY }) }, // 在元素被解绑的时候调
【vue3】script setup 语法糖和 setup函数的区别是什么
以下有两组vue3的组件代码 <template> <div> <span>{{ count }}</span> <button @click="handleAdd">Add</button> </div> </template> <script> import { ref } from '
通过微信登录pc的实现方案
场景：用户登录方式可选微信扫码登录 方案 微信的二维码登录有多种方式，如公众号扫码登录，弹窗二维码登录，而我们选择的是内嵌式二维码登录。官方文档：微信登录功能 / 网站应用微信登录开发指南 (qq.com) 实现步骤： 准备工作，需要在微信开放平台创建应用并获取到appid、appSecret 第一步：引入wxLogin.js脚本 通过外联方式 <s
Vue动态菜单(路由)的实现方案(beforeEach+addRoutes+elementUI)
一、思路 1.前端在本地写好路由表，以及每个路由对应的角色，也就是哪些角色可以看到这个菜单/路由； 2.登录的时候，向后端请求得到登录用户的角色(管理者、普通用户)； 3.利用路由拦截，根据取到的用户角色,跟本地的路由表进行对比，过滤出用户对应的路由，并利用路由进行左侧菜单渲染
【VUE 2.x】第一章 vue基础
1.什么是vue？ Vue是一套用于构建用户界面的渐进式框架 Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 如何使用Vue渲染 <body> <div id="vue"> <div>{{msg}}</div> <div>{{1+2}}</div> <div>{{msg + '----'+
