logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3 + Pinia + Router 做beforeEach路由拦截

- 在Pinia Store存储登录凭证,在router中使用。登录失效或退出时,清空凭证。- 未登录时,禁止通过地址栏跳转页面。- 登录失效时,禁止history地址导航。并且替换掉失效前的地址,只在login页停留。

#javascript#前端#vue.js
宝塔 部署 vue3和nest.js(node+ts)项目

宝塔从0到1部署nest.js+vue,包会

文章图片
#vue.js#linux
uni-popup滚动无效的解决方案

复现?在使用uniapp官方的popup组件时,里面嵌套了一个动态流程,可根据高度进行自适应展示,在h5端可正常滚动,在app端失效。解决方案查询各博客发现,是官方的代码(uni_modules->uni-popup->components->uni-popup->uni-popup.vue),在最外层容器中,添加了@touchmove.stop.prevent="clea

#uni-app
Element-UI tabs标签页默认选择第一项

Element-UITabs 标签在多个循环中默认选择第一项简介:注意点:代码如下:data数据格式:methods:展示图片:最后:简介:在两层循环体中,采取嵌套的方式获取数据,获取值的方式不用v-model,而使用:value的方式来获取数据。注意点:使用:value的方式不直接通过字符串来设置默认选项,使用方法来return数据代码如下:<template><div cla

uniapp 报错 Cannot read properties of undefined (reading ‘$vm‘) (页面栈丢失处理)

一、复现代码结构如下:aaa(){let pages = getCurrentPages();let prevPage = pages[pages.length - 2];if(...){this.xxx()//调用方法}uni.navigateBack({})},xxx(){let pages = getCurrentPages();let prevPage = pages[pages.leng

#uni-app
The requested module ‘xxxx‘ does not provide an export named ‘default‘和module is not defined

在使用vue3配置全局参数时,引入了方法,在导入时报错。

uniapp 模糊搜索列表,若与搜索关键词相同,则标色

需求在搜索框输入搜索关键字,若列表中,客户名与搜索关键词相同,则标蓝色;若N个字相同,则N个字均标成蓝色。一、贴个UI图若N个字相同,则N个字均标成蓝色。例如输入陈晓,则陈晓两字均标成蓝色。二、思路将列表的客户名postName拆分为数组,将数组循环,再做样式的动态绑定(此处省略外层列表循环)。//css<text v-for="(item,index) in postName.split(

#css#前端#javascript
uniapp中APP端使用页面栈无效,且报错问题解决

代码如下:let pages = getCurrentPages(); // 当前页,let prevPage = pages[pages.length - 2]; // 上一页prevPage.xx = 1;//设置xx属性为1在h5端不报错,可正常使用。app端报错:Property or method “toJSON” is not defined on the instance but r

#uni-app
uniapp使用uni-collapse后,高度丢失的问题解决

uniapp使用uni-collapse后,高度丢失的问题解决一、复现?二、出现的原因三、解决方案一、复现?我在A页使用uni-collapse,数据为循环中的值,当我从A页跳转到B页,再点导航栏的返回键时,折叠面板中的内容直接丢失,截图如下。二、出现的原因通过调试发现,是子面板的style的height属性被自动修改为0。三、解决方案查看官方文档后发现:resize 方法解决动态添加数据,带动画

#uni-app
    共 17 条
  • 1
  • 2
  • 请选择