摘要: 超过一屏后,input 聚焦时,内容出现错位 解决方案:1.父盒子设置为 height: 100%; overflow: hidden; 2.添加scrollview 包住内容 阅读全文
posted @ 2023-07-05 17:09 程序媛小仙女 阅读(393) 评论(0) 推荐(0) 编辑
摘要: import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi 阅读全文
posted @ 2023-05-29 18:11 程序媛小仙女 阅读(908) 评论(0) 推荐(0) 编辑
摘要: import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps 阅读全文
posted @ 2023-05-29 18:09 程序媛小仙女 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 找到config文件夹: 修改index.js文件里outputRoot为 outputRoot: `dist/${process.env.TARO_ENV}`, 阅读全文
posted @ 2023-02-22 16:44 程序媛小仙女 阅读(72) 评论(0) 推荐(0) 编辑
摘要: 如果a页面想在一开始就给B页面传值 ,那么b页面应在created函数里面接受 ,同时要先解绑一下事件($off) 阅读全文
posted @ 2022-08-18 18:17 程序媛小仙女 阅读(13) 评论(0) 推荐(0) 编辑
摘要: 原因:ts语法提示的锅 解决:在 vue.config.js 中关闭语法提示 lintOnSave: false 阅读全文
posted @ 2022-05-17 11:33 程序媛小仙女 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 遇到的问题场景:点击按钮 出现自己写的弹窗,点击其他空白处 消失弹窗 思路:点击按钮的时候 获取出现弹窗的focus事件,让它聚焦;点击其他地方相当于这个弹窗失去焦点使用blur事件;同时我们需要给弹窗加一个tabindex="-1" 属性,否者blur事件不生效。 第一步:通过$refs获取元素的 阅读全文
posted @ 2022-03-17 15:42 程序媛小仙女 阅读(874) 评论(1) 推荐(0) 编辑
摘要: 第一种:需要用到 defineProps,defineEmits;用法其实跟vue2.x基本上还是一样的 父传子:parent.vue <template> <div> <child :value="value" @add="childClick" :msg="msg" /> <br /> <div 阅读全文
posted @ 2022-01-10 10:44 程序媛小仙女 阅读(3931) 评论(0) 推荐(0) 编辑
摘要: 对比: 在vue2.x中我们挂载全局变量或方法是通过是使用Vue.prototype.$xxxx=xxx的形式来挂载,然后通过this.$xxx来获取挂载到全局的变量或者方法 但是 在vue3.x中显然是不行滴,在setup里面我们都获取不到this,但是 别怕 vue3.x官网给我们提供了新的方法 阅读全文
posted @ 2021-12-28 15:36 程序媛小仙女 阅读(8486) 评论(0) 推荐(1) 编辑
摘要: 1.通过vite 脚手架 npm init vite hello-vue3 -- --template vue 2.按装依赖,启动项目 npm i npm run dev 3.修改vite配置文件 找到vite.confing.ts 并添加 import { defineConfig } from 阅读全文
posted @ 2021-12-24 17:47 程序媛小仙女 阅读(1344) 评论(0) 推荐(0) 编辑