logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3在jsx或tsx写法中setup暴露方法给父组件

在vue3的jsx写法中,我们一般是直接用setup返回jsx或者tsx的,所以我们经常性忽略了有的时候需要一些父调子的操作,例如父组件编辑完毕需要刷新子组件,这个时候总不能直接浏览器刷新吧,所以就直接在父组件对子组件调用它的子方法进行刷新。

#javascript#typescript#前端 +1
vue3中直接操作dom

注意:本文所使用的vue3版本为3.2.6在vue2的时候我们操作dom是这样子使用的<template><div class="box"><div ref="drag" class="box_drag">我会被拖动</div></div></template><script>export default {mou

#javascript#vue.js#html
当vue3提示[Vue warn]: inject() can only be used inside setup() or functional components

以useRouter()为例<script setup>import { useRouter } from 'vue-router'const buttonGoHome = () => useRouter().push({ name: 'Home' })</script>控制台直接报错警告我们说inject() can only be used inside setu

#vue.js#前端#javascript
微信小程序websocket和文件上传在ios上的坑

小程序的websocket的坑有的时候,你会发现,你的小程序使用的websocket在安卓上,开发人员工具上测试毫无异常,在ios上就出现连接不上去的原因。可能就是出现了这个坑。websocket必须得通过一个叫ATS检测的东西,否则在ios系统上无法正常连接附上测试链接:AST测试文件上传 一定要在请求头里加一个东西如果你遇到了在安卓系统,小程序开发人员工具里测试上传文件的时候没有异常,在ios

react-router-dom v6的路由懒加载形式,这里写了两种

前言react-router-dom第6版本的这个Route改动的有点小大之前的路由渲染方式是按照// v6版本之前的<Routepath={router.path}component = { router.component }/>在v6版本中,这个组件改动有点小大,把component这个属性改成了element,传进去的组件需要使用个尖括号包起来// v6<Routepat

#javascript#react.js#typescript
当vue3提示[Vue warn]: Vue received a Component which was made a reactive object.

当vue3提示[Vue warn]: Vue received a Component which was made a reactive object.

#vue.js#前端#javascript
react-router-dom v6 useRoutes应用(懒加载多级路由)

文章目录前言代码引入方式最终效果前言本篇文章编辑环境:对应的版本react版本:18.0.0react-dom版本:18.0.0react-router-dom版本:6.3.0由于上一篇写的不是特别好,我就直接重置了这一篇。我就先附上代码了,这次写的比较简洁易懂。整个路由的使用逻辑,其实和vue-router类似,本篇主要是懒加载。这个v6版本的路由依赖有这俩东西值得关注import { useR

#typescript#react.js#前端 +1
当vue3提示[Vue warn]: inject() can only be used inside setup() or functional components

以useRouter()为例<script setup>import { useRouter } from 'vue-router'const buttonGoHome = () => useRouter().push({ name: 'Home' })</script>控制台直接报错警告我们说inject() can only be used inside setu

#vue.js#前端#javascript
到底了