Vue3 开发遇到的问题
文章平均质量分 53
fighting Ably!
这个作者很懒,什么都没留下…
展开
-
Vue3_循环数组v-for中使用refs
解决方法参考来源1. 使用背景我在swipe循环的时候,想要获取当前所展示内容的前一个和后一个进行操作。由于vue的版本是3.0,官方文档中曾给出这样的使用实例,将被循环元素动态绑定一个方法,将所获取到的值放在数组中,代码如下:代码简化,只展示有关内容<div v-for="item in arrList"> <div :ref="swipeRef"></div></div>setup() { const myRefs = ref([]原创 2022-05-06 11:58:11 · 7189 阅读 · 2 评论 -
搭建Vue3.0+Ts+Vite项目
1. 创建vite+ts+vue3.0项目npm init @vitejs/app -> y输入项目名称:例 myvite选择语言: vue -> vue-ts之后根据提示cd myvitenpm installnpm run dev若启动项目过程中出现报错情况,请检查npm 版本,我使用的是v16.13.02. 安装vue-router@4npm install vue-router@4...原创 2021-11-02 10:26:11 · 736 阅读 · 0 评论 -
Vue3——子路由路径时仅渲染子路由页面不渲染父路由页面
1.使用场景当我们在配置路由结构时,有父子关系时,会这样设计路由 { name: 'testA', path: '/testa', component:() => import('../views/test/testA.vue'), children: [ { name: 'testB', path: 'testb', component: ()=>import('../views/test/tes转载 2021-06-18 11:34:04 · 3659 阅读 · 1 评论 -
Vue3-动态设置页面title
1. 需求从机构列表跳转至机构详情页面时,有一些回显数据,但是该机构的名称不在页面中显示,而是想要在title中显示2.实现2.1 安装vue-wechat-titleyarn add vue-wechat-title2.2 main.js引入import VueWechatTitle from 'vue-wechat-title';const app = createApp(App)app.use(VueWechatTitle) // 动态设置title的插件2.3 页面中使用&转载 2021-04-26 17:37:53 · 4072 阅读 · 0 评论 -
Vue3-封装table组件
在使用ant-design-vue中曾经使用过table组件,所以想着自己封装一个组件尝试一下,这是一个简易版本1. 相关知识点组件传值插槽(具名插槽、作用域插槽)vue3 setup2.封装子组件,按照要求规定参数封装一个名为Ttablede组件,该组件接收两个参数,分别是columns和dataSource2.1 子组件:接收参数,按数据提取动态具名插槽名子组件:接收父组件传入的参数,并将传入的参数进行处理,提取出slot插槽值,用于动态设置具名插槽import {compute原创 2021-04-25 14:38:12 · 6552 阅读 · 1 评论 -
Vue3-使用Vite搭建新项目
1、开始1.1 搭建新的vite项目yarn create @vitejs/appProject name:[AblyProject] Package name::[AblyProject]Select a template:vue 选择vue版本,默认vue31.2 启动服务cd AblyProject 进入项目yarn dev 启动项目yarn install 安装依赖进入项目后启动项目,可以看到默认内容1.3 启动git此时执行git指令时会发现报错fatal: not a原创 2021-04-09 13:35:41 · 1394 阅读 · 0 评论 -
Vue3_开发中遇到的问题_不会立刻渲染
在刚刚使用Vue3开发的时候,碰到如下问题:数据获取后,已经获取成功了数据,但是页面不会立刻渲染代码如下:<template> <span>{{staffInfo.XXXX}}</span></template><script> import {onMounted} from 'vue' import {reactive, toRefs} from "@vue/reactivity"; export default {原创 2020-11-25 09:45:59 · 1495 阅读 · 0 评论