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