- 博客(20)
- 收藏
- 关注
原创 vue3 props ,emits,ref,reactive,computed,dom模版,组件模板ts类型定义
【代码】vue3 props ,emits,ref,reactive,computed,dom模版,组件模板ts类型定义。
2024-01-12 15:27:23
610
1
原创 react 使用 reduxjs/toolkit 状态管理
main.js 引入store 和 Provider。2.store文件下的index.js文件。1.先创建store文件。
2023-11-02 15:05:24
183
1
原创 element Ui table表格二次封装
使用了$attrs来传递组件之间的数据,保留组件的属性和功能,对于特殊的类容(如按钮,不同的类容)用函数式组件来渲染。(注:vue3 直接用$attrs就可以了,vue2 使用v-bind 和 v-on,)home页面 (注:render里写法有些可能会报jsx错,是因为解析不了 在script里写jsx就可以了)tabelMixin.js 抽离出请求数据 和分页的混合 也可以把筛选,重置等方法写里面。2.表格可添加标签、按钮或者其它操作功能。3.宽度高度,对齐等 可直接使用。
2023-09-20 17:35:23
858
1
原创 React路由鉴权、导航守卫(react-router v6)
1.实现思路:自己封装一个AuthRouter高阶组件,实现未登录拦截,并跳转到登录页面。1.在utils文件夹中创建AuthRouter/AuthRouter.js,文件。判断本地有无token,有token就返回子组件,否则就重定向到 login。5.将需要鉴权的路由组件 用AuthRouter包裹渲染。代码如下 AuthRouter/AuthRouter.js。4.未登录,重定向login。2.判断有没有token。3.登录时重新渲染组件。
2023-08-17 09:59:37
815
2
原创 React 兄弟组件通信(pubsub-js)
2.谁接收数据 就在那个组件componentDidMount里面订阅消息 然候在componentWillUnmount里取消订阅。1.先安装 npm i pubsub-js。3.seatch组件 发布数据。
2023-07-02 15:19:40
317
1
原创 uni-app $emit和$on传值第一次获取不到值
这是B页面onLoad里接收,写完了就这么简单,心想也不过如此嘛,让然后自信满满的触发条件跳转的时候,页面是跳过去了,但发现控制台空空如也,空无一值,空.... 返回再次跳转传参的时候这时候数据又有了,?这两天公司需要用到uniapp 之前没写过 想着跟vue差不多 上手应该也不是很难,浑身充满自信,然而事情却没有那么简单,记录一下坑。页面之间跳转传参,如果字段太长会失败,因为有字数限制,所以这种传参不太合适。注意:在跳转页面,需要销毁每次监听,不然会重复。找到问题后所在,就好解决了 解决办法用嵌套。
2022-12-08 16:09:27
2323
3
原创 Vue底部导航icon组件切换状态
功能需求:底部导航切换状态,同时切换页面用click事件通过动态组件实行页面之间的切换,这里用的是v-show,因底部频繁使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co.
2022-01-21 14:23:54
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人