
Vue相关技术
分享记录Vue相关技术和开发常用插件
热爱sunny
记录分享,希望可以帮助到你
展开
-
eslint报错Component name “home“ should always be multi-word,文件命名规则导致问题解决方案
新建vue项目的时候,往往需要配置eslint进行代码的格式化,但使用过程中也是会遇到各种问题,就比如:Component name “Home” should always be multi-word.eslintvue/multi-word-component-names其实这是eslint对命名的校验,要以多词组件名称命名,防止与现有和未来的 HTML 元素发生冲突。原创 2023-02-12 22:15:57 · 16618 阅读 · 0 评论 -
vue PC端下拉触底,请求分页数据
vuePC端下拉触底分页请求新数据,PC端网页下拉触底请求新数据,PC端分页请求在vue的生命周期中销毁移除添加的监听事件完成以上步骤就完成了触底分页请求!原创 2022-06-01 09:44:54 · 1569 阅读 · 0 评论 -
uni微信H5实现预览.pdf文件
用uniapp开发H5,客户需求需要直接预览.pdf文件,最开始想到了uni提供的方法uni.openDocument(OBJECT)但是仔细一看该方法不支持h5使用,果断就放弃了。又尝试使用iframe嵌套的形式,在电脑端运行的时候发现是可以使用的,但到了真机发现这种方法也是不行,都是直接跳转到了web浏览器进行下载。通过查阅,发现使用一个插件可以实现在线预览的效果,也就是本篇文章的主角pdf.js官方网站pdf.js: 点击查看.如下,官网也是非常简洁。可以点击download进行下载,这里原创 2022-03-29 22:31:42 · 4919 阅读 · 13 评论 -
element-UI实现分页效果实现
分页效果分页官网分页结构size-change:每页显示条数改变事件current-change:当前页改变事件current-page:当前页,指定的值为queryInfo.pagenumpage-sizes:显示的可切换的每页条目数page-size:当前每页条目数,,指定的值为queryInfo.pagesizelayout:页面显示哪些功能total:总条目数:指定的值为totalpagesize改变事件 - 当前页..原创 2021-09-15 22:14:53 · 512 阅读 · 0 评论 -
vue-router实现首页路由的重定向效果
效果如下:需要在home界面的main区域显示一个welcome界面这里涉及到子组件welcome是home的子组件新建Welcome.vue组件:components目录下注册组件路由当访问home的时候,直接重定向到welcomewelcome组件占位 将home中的main主体放置路由占位符问题:当访问/home的时候重定向到/welcome,那不是只显示个welcome文字?其实不是,因为welcome是home的子组件,所以即使重定向到welcome,..原创 2021-09-15 21:09:14 · 1013 阅读 · 0 评论 -
通过axios拦截器添加token验证,Vue添加全局请求头token
需求简介:有权限的数据,需要从后台获取, 但是获取之前,我们先来处理一个逻辑除了登陆接口,其他的接口,在访问的时候,都需要传递一个授权的token那意思就是之后所有的请求,我们都需要添加一个请求头,这样太麻烦了能不能一次性添加?可以的通过请求拦截器拦截器介绍- 这个config对象中有请求头,通过headers获取具体如下添加axios.interceptors.request.use(config => {// console.log(config)c原创 2021-09-15 19:27:35 · 1487 阅读 · 1 评论 -
路由前置守卫—访问权限处理—router.beforeEach()的介绍使用
1、先简单介绍一下beforeEach,它是Vue-router 的钩子函数,有三个参数,分别是:1.1)to:router 即将进入的路由对象1.2)from:当前导航即将离开的路由1.3)next:function,进行管道中的一个钩子,如果执行完了,则导航的状态就是 confirmed2、使用2.1)在router.js中定义使用,需要在路由的export default导出前进行使用。2.2)通过router.beforeEach((to, from, next) => {}) 代原创 2021-09-09 14:53:55 · 1471 阅读 · 0 评论 -
Vue开发 使用vue-print-nb插件实现页面打印功能
vue-print-nb插件的安装打开项目终端,运行如下代码进行插件的安装$ npm i vue-print-nbvue-print-nb插件的使用首先在文件中引入,注册该插件。注:可以在main.js中注册,也可以单独封装一个负责所有的全局自定义组件的文件//main.js 中使用import Print from 'vue-print-nb' //引入插件Vue.use(Print) // 注册打印组件或在scr/components/index.js进行注册// scr/comp原创 2021-08-04 18:32:26 · 1338 阅读 · 0 评论