摘要: 问题:新项目生产环境发布后,一直少一层路径,如下图 因为不太熟悉vite.config,ts的配置,各种查询后,发现网上都是说加一个root:'./'根目录,各种试错,最终发现问题不是root 答案:是加base:"./",成功了如下图 记录一下,避坑,希望帮助有需要的朋友 阅读全文
posted @ 2023-09-13 16:15 麦兜家园 阅读(84) 评论(0) 推荐(0) 编辑
摘要: ref的用法: //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意:组件内部数据对外是关闭的,如果想让外 阅读全文
posted @ 2023-08-16 10:56 麦兜家园 阅读(340) 评论(0) 推荐(0) 编辑
摘要: <template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s 阅读全文
posted @ 2023-08-16 09:55 麦兜家园 阅读(189) 评论(0) 推荐(0) 编辑
摘要: v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa 阅读全文
posted @ 2023-08-14 17:25 麦兜家园 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons 阅读全文
posted @ 2023-08-14 14:16 麦兜家园 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> 阅读全文
posted @ 2023-08-14 13:23 麦兜家园 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 今天项目中有用到e-icon-picker,然后正常引入如下: 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了,但是页面中一直都没有出现 各种查找原因,最终浪费了很久时间才找到原因,是e-icon-picker的版本的问题,也就是1.1.7版本的input并没有,这个是版本自己的 阅读全文
posted @ 2023-03-21 14:15 麦兜家园 阅读(229) 评论(1) 推荐(0) 编辑
摘要: vue项目循环本地图片报错 阅读全文
posted @ 2023-02-22 12:42 麦兜家园 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 我今天遇到的问题是:后台给我输出了提示内容的字符串,用了element组件的message提示框,结果是一行显示的 想要的效果是能够换行显示 主要原因是前端代码没有解析\n,其实解决方案很简单,就是一句css即可,如下: .el-message--error{ white-space:pre-lin 阅读全文
posted @ 2022-12-06 16:57 麦兜家园 阅读(2201) 评论(0) 推荐(0) 编辑
摘要: html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} 这样变一键变灰啦! 阅读全文
posted @ 2022-12-01 11:22 麦兜家园 阅读(16) 评论(0) 推荐(0) 编辑