随笔分类 -  vue3

摘要:页面效果 具体实现 新增 1、监听鼠标抬起事件,通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 阅读全文 »
posted @ 2023-09-26 17:10 杨芋可可 阅读(3473) 评论(9) 推荐(14) 编辑
摘要:简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露在任何在<script setup>中声明的绑定 换句话说,如果一个子组件使用的是选项式 API 或没有使用 <script setup>,被引用的组件实例和该子组件的  阅读全文 »
posted @ 2023-09-21 14:59 杨芋可可 阅读(1084) 评论(0) 推荐(1) 编辑
摘要:# 一、安装 npm安装 ``` npm i mitt ``` pnpm安装 ``` pnpm i mitt ``` yarn安装 ``` yarn add mitt ``` # 二、使用 ## (一)、当前组件内使用 ```javascript import mitt from 'mitt' // 阅读全文 »
posted @ 2023-09-06 16:51 杨芋可可 阅读(1691) 评论(0) 推荐(0) 编辑
摘要:要提升价值就要改变; 要达到完美就得经常改变。 To improve is to change; to be perfect is to change often. 阅读全文 »
posted @ 2023-09-01 11:09 杨芋可可 阅读(1157) 评论(0) 推荐(0) 编辑
摘要:# 一、设置 ellipsis 使用数据表格[*Data Table*](https://www.naiveui.com/zh-CN/os-theme/components/data-table#ellipsis.vue)组件的省略`设置 ellipsis`,但是如果内容过长的情况下,会溢出 ``` 阅读全文 »
posted @ 2023-08-29 13:21 杨芋可可 阅读(461) 评论(0) 推荐(0) 编辑
摘要:readonly 接受一个对象(不管是响应式还是普通的)或者是一个ref,返回的是一个原值的只读代理。 <template> <n-el class="h-400 w-full flex flex-col justify-center items-center"> <n-el>{{ data }}< 阅读全文 »
posted @ 2023-02-07 20:17 杨芋可可 阅读(64) 评论(0) 推荐(0) 编辑
摘要:shallowReactive 使用 reactive 声明的变量为递归监听,使用 shallowReactive 声明的变量为非递归监听(通俗的讲就是 reactive 创建的对象将会被 vue 内部进行递归监听,可以监听到对象中的对象是否发生了改变从而更新视图,而 shallowReactive 阅读全文 »
posted @ 2023-02-07 20:13 杨芋可可 阅读(97) 评论(0) 推荐(0) 编辑
摘要:一、什么是插槽 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签,父组件填充的内容称为插槽内容。 子组件不提供插槽时,父组件填充失效 父组件无填充 阅读全文 »
posted @ 2023-02-07 20:12 杨芋可可 阅读(1166) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示