Felix_Openmind

2023年4月6日

AntDesign 描述列表descriptions中内容超出部分隐藏，同时鼠标浮动显示全部

摘要：参考：https://blog.csdn.net/sdibtjf1702/article/details/121923943 #### 效果 ![](https://img2023.cnblogs.com/blog/2104219/202305/2104219-20230525170001737-5 阅读全文

posted @ 2023-04-06 14:41 Felix_Openmind 阅读(2256) 评论(0) 推荐(0)

2023年4月1日

VueRouter中的滚动行为

摘要：参考：https://github.com/vuejs/vue-router/blob/dev/docs/zh/guide/advanced/scroll-behavior.md 滚动行为观看 Vue School 的如何控制滚动行为的免费视频课程 (英文) 使用前端路由，当切换到新路由时，想要页阅读全文

posted @ 2023-04-01 19:40 Felix_Openmind 阅读(111) 评论(0) 推荐(0)

2023年3月28日

解决vite使用alias引入图片不显示的问题

摘要：参考： https://juejin.cn/post/7009441745301667853 方法一：配置alias //app.vue <img src="/images/logo.png" alt="" /> //vite.config.js import { defineConfig } fr 阅读全文

posted @ 2023-03-28 11:51 Felix_Openmind 阅读(657) 评论(0) 推荐(0)

2023年3月27日

Vue3综合使用案例

摘要：父组件 <template> <h3>父组件</h3> <div>{{ num }}</div> <div ref="box">使用ref获取dom</div> <div>watch监听数据-{{ watchVal }}</div> <about-view ref="child" :datas="n 阅读全文

posted @ 2023-03-27 16:42 Felix_Openmind 阅读(300) 评论(0) 推荐(0)

Vue3中的Vuex

摘要： store.js //vuex import { createStore } from 'vuex' export default createStore({ state: { num:1 }, mutations: { /** * @description: 修改num成新的num * @pa 阅读全文

posted @ 2023-03-27 16:41 Felix_Openmind 阅读(40) 评论(0) 推荐(0)

defineExpose(父拿子方法)

摘要：在vue2中是使用this.refs.子组件名称.xxx方法，即可拿到子组件定义的值或者方法，在vue3中没办法这么拿取，必须子组件暴露后父组件才可以拿取到 //子组件 <template> <div class="child"> {{val}} </div> </template> <script 阅读全文

posted @ 2023-03-27 16:40 Felix_Openmind 阅读(739) 评论(0) 推荐(0)

defineEmits传值（子传父）

摘要： //子组件 <template> <div class="child"> 我是子组件 </div> </template> <script setup> import {defineEmits,onMounted} from 'vue' const emit = defineEmits() onMo 阅读全文

posted @ 2023-03-27 16:40 Felix_Openmind 阅读(1267) 评论(0) 推荐(0)

defineProps传参（父传子）

摘要：父元素传递给子元素的数据，子元素使用defineProps进行接收 //父元素 <template> <div class="box">  <v-child msg='我给子元素带的一段话'></v-child> </div> </template> //子元素阅读全文

posted @ 2023-03-27 16:39 Felix_Openmind 阅读(303) 评论(0) 推荐(0)

2023年3月26日

TypeScript给接口添加任意属性

摘要：一个接口允许存在任意的属性 interface IPerson { name: string; age: number; userBio?: string; [propName: string]: any; } let wangzz: IPerson = { name: 'wangzz', age: 阅读全文

posted @ 2023-03-26 23:48 Felix_Openmind 阅读(522) 评论(0) 推荐(0)

2023年3月24日

添加垂直滚动条并去除滚动白条

摘要： .menu-box overflow-y: scroll height 100% .menu-box::-webkit-scrollbar { display: none; } 参考连接： https://www.cnblogs.com/heleiya/p/13125946.html 阅读全文

posted @ 2023-03-24 18:08 Felix_Openmind 阅读(51) 评论(0) 推荐(0)

https://github.com/serendipitywzz