defineComponent

【vue3】ref获取dom元素，element-plus方法的使用（以走马灯next、prev方法为例）

⚠️注意：如果script写成了如下这种形式（defineComponent），记得一定要将carouselreturn（如下代码），否则会报错。
想不到耶·2023-10-05 12:15

宏在c++项目中的妙用

==#defineCOMPONENT_EVENT(name,func)\private:\std::uniqu
Alex1_Code·2023-10-04 14:52

vue3.0 中的provide和reject使用，$ref,teleport

App.vue插槽打开模态框{{item}}{{item}}{{item}}import{defineComponent,ref,reactive,onMounted,nextTick,Ref,provide
newbie (⊙o⊙)·2023-09-29 10:02

vue3报错：无法找到模块“./xxx.vue”的声明文件

src目录下面vite-env.d.ts文件添加配置；注意：在根目录或src下xxx.d.ts文件都启效果，没有可以创建对应xxx.d.ts文件declaremodule"*.vue"{import{defineComponent
zhou13528482267·2023-09-27 19:17

vue3+element Plus实现表格前端分页

每一处都写了注释，还是很容易看懂的分页-->import{defineComponent,reactive,toRefs}from"vue";exportdefaultdefineComponent({
Xwf1023·2023-09-27 01:57

vue3自定义全局对象调用弹窗组件

reactive赋值失去响应的问题{{comData.comDataTarget.message}}import{defineComponent,reactive,ref,toRefs}from'vue'exportdefaultdefineComponent
lblnew·2023-09-26 09:54

canvas手写签名组件

效果图代码不多直接粘在这里清空确认import{defineComponent,ref,nextTick}from"vue";exportdefaultdefineComponent({name:"environAmbitus
灰太狼大王灬·2023-09-25 18:12

vue3封装element-plus的el-table

封装的el-table公共组件table.vue注意深拷贝用的lodash方法，以及使用了jsx渲染列的标签和事件import{ref,defineComponent,getCurrentInstance
i_am_a_div_日积月累_·2023-09-24 23:03

vue3 封装公共弹窗函数

title：弹窗标题,ContentComponent：弹窗中显示的组件内容,opt：接收弹窗本身的属性和props,beforeSure：点击确定做的操作（请求后端接口））封装的公共函数：import{defineComponent
是小橙鸭丶·2023-09-23 20:07

antd-design-vue Table组件全局配置（分页器...）

如下，就需要挨个修改定义.......思考再三，决定还是封装一个组件import{defineComponent}from'vue';//单独引入（否则OOM！）
耀德北鼻·2023-09-22 06:59

如何在浏览器中导入Excel表格插件

import{defineComponent
2301_77550592·2023-09-21 13:32

css,环形

思路：1.先利用conic-gradient属性画一个圆，然后再叠加效果图import{defineComponent,reactive,toRefs,computed,onMounted}from"vue
闹闹没有闹·2023-09-21 08:02

vue3拖拽demo

pngvue3要安装vue-draggable-nextnpminstallvue-draggable-next--save代码{{item.title}}{{element.label}}import{defineComponent
谢炳南·2023-09-20 01:21

vue3.0中使用ref，并且调用elementPlus里面的tree树形组件里面的getCheckedNodes方法

import{defineComponent,reactive,toRefs,watch,ref,Ref}from'vue';setup(props,{emit}){consttreeRef:Ref=ref
抑制、·2023-09-19 20:00

Vue + TS封装全局分页组件

代码实现Pagination组件上一页{{index}}下一页import{defineComponent}from'vue'exportdefaultdefineCo
三拾老师·2023-09-19 19:34

移动端H5封装一个 ScrollList 横向滚动列表组件，实现向左滑动

效果：1.封装组件：-->{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick
Code L·2023-09-17 06:22

Vue3项目使用Ts：不能将类型“(XXX?: boolean) =＞ void”分配给类型“(payload: MouseEvent) =＞ void”

解决：传一个默认的参数即可，示例代码如下：{{navTitle}}-->{{navTitle}}import{defineComponent,inject,reactive,toRefs,watch}from'vue'exportdefaultdefineComponent
ᥬ 小月亮·2023-09-15 20:07

学习 Vue3.0 （3）

虚拟元素中减少标签嵌套层级、减少内存占用Teleport能够将组件内部的某些内容渲染到外部的某个元素上这是内部的内容Suspense等待异步组件时，渲染一些后备内容，获得更好的用户体验loading...import{defineComponent
Beppo·2023-09-14 07:13

封装antd的按钮组件颜色（vue3）

1.先在components中创建一个文件CBtton.vue（文件名自定义）将代码复制可直接用import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent
Julyued·2023-09-14 06:51

Vue3.0组合式API（三）-----模板语法

2.2条件与循环2.2.1显示/隐藏标签2.2.2遍历生成标签2.3用户交互2.3.1监控用户动作2.3.2双向数据绑定一、Vue基础1.1Vue格式vue基本格式//Vue中API函数导入import{defineComponent
chuck-Gemini·2023-09-13 22:22

顺藤摸瓜：用单元测试读懂 vue3 中的 defineComponent

在结合了TypeScript的情况下，传统的Vue.extend等定义方法无法对此类组件给出正确的参数类型推断，这就需要引入defineComponent()组件包装函数，其在rfc文档中的说明为：https
tonylua·2023-09-13 13:02

Vue3 - defineComponent解决了什么？

defineComponent函数，只是对setup函数进行封装，返回options的对象；exportfunctiondefineComponent(options:unknown){returnisFunction
MINO吖·2023-09-13 08:55

基于elelemt-ui封装一个表单

子组件searchForm搜索重置import{defineComponent,ref,watch,}from'vue';exportdefaultdefineComponent({name:'SearchForm
weixin_49035434·2023-09-12 21:22

vue+tsx+slot

组件接受默认的数据以及一个titleimport{defineComponent}from"vue";exportdefaultdefineComponent({name:"children",setup
榴莲不好吃·2023-09-10 14:18

vue3 tsx 写法下，一个有趣的、基础的渲染问题

下面是一个很常见的tsx代码片：import{defineComponent,ref}from'vue';exportdefaultdefineComponent({name:'MyComponent'
natsusao·2023-09-10 14:18

基于vue3和element-plus的省市区级联组件

git地址：https://github.com/ht-sauce/elui-china-area-dht使用:npmielui-china-area-dht默认使用使用方法import{defineComponent
知识浅谈·2023-09-10 10:23

如何将 Vue 3 与 TypeScript 一起使用

Vue和TypeScript入门如何将TypeScript添加到Vue项目中使用defineComponent使用数据使用道
pxr007·2023-09-09 20:23

跳跃音波

https://juejin.cn/post/6844903604013252621#heading-11亲您的浏览器不支持html5的audio标签playimport{defineComponent
明天的天明·2023-09-09 11:14

在Vue3中使用富文本

[email protected]、新建文件夹，作为富文本的显示区域//在这里申明使用ts进行代码的校验importWangEditorfrom'wangeditor';//引入wangeditor文件夹import{defineComponent
琴～～·2023-09-08 06:20

vite+ts引入 .vue或 .ts文件时提示找不到模块

文件引入时，提示找不到模块“xxx.vue”或其相应的类型声明方式一：在你的src目录下创建一个.d.ts结尾的文件例如：env.d.ts里面内容如下declaremodule"*.vue"{import{DefineComponent
风雨前行者·2023-09-03 06:31

vue3+ts深入组件Props

例如：import{defineComponent,PropType}from'vue';exportdefaultdefin
一花一world·2023-09-02 13:11

IntelliJ Idea开发Vue遇到的几个问题

方法错误或提示导入importxxx.vue标红解决办法：在env.d.ts中添加以下代码(若无此文件，重新创建)：/*eslint-disable*/declaremodule'*.vue'{importtype{DefineComponent
极简之美·2023-09-01 06:36

Vue3列表竖向滚动（包含使用swiper的翻页效果）

$index+1)+(currentPage-1)*(pageSize)}}{{scope.row.name}}import{defineComponent,onMounted,reactive,ref
ᥬ 小月亮·2023-08-31 18:57

ant-design-vue+vue3+fastapi绑定后端数据到级联选择框

界面设计效果如下：import{defineComponent,ref}from'vue';importaxiosfrom'axios';exportdefaultdefineComponent({setup
lagrahhn·2023-08-31 12:21

如何解决vue3.0+typescript项目提示找不到模块“./App.vue

如果没有vite-env.d.ts目录需要继续往下看declaremodule'*.vue'{importtype{DefineComponent}from'vue'constvueComponent:
汤圆(dumpling)·2023-08-31 04:33

vite+ts 找不到模块“@/views/AboutView.vue”或其相应的类型声明。ts

ts(2307)，所以是ts的问题此时我们要做的就是喝口水，冷静一下，然后在env.d.ts里加一段代码就好了declaremodule'*.vue'{importtype{DefineComponent
luanma3p·2023-08-30 22:48

Ant Design Vue中DatePicker日期选择框默认绑定dayjs对象数据格式问题

然而遇到的问题却是：代码：{{receive}}import{defineComponent,reactive}from"vue";importdayjsfrom"dayjs";exportdefaultdefineComponent
butcher2000·2023-08-26 07:58

❤ Ant Design Vue 2.28的使用

❤AntDesignVue2.28弹窗//按钮OpenModal//窗口Somecontents...Somecontents...Somecontents...import{defineComponent
林太白·2023-08-26 01:36

【vue3+elementplus】文件上传

二次封装的el-upload{{props.btnText}}import{defineComponent,ref}from"vue";import{UploadProps,UploadInstance
湛海不过深蓝·2023-08-25 06:37

vue3.0定义组件

ps：用于多个组件共用的props未提取之前遇到的问题age为必填项，为何在mounted里会显示undefined解决办法:在定义里加了asconst理由：vue-next（vue3的源码）中，设置defineComponent
在路上`·2023-08-25 03:39

【VUE 3.0 全局注册方法与组件】

具体步骤如下：在组件代码文件中，使用defineComponent方法来定义组件。
cv全粘工程师·2023-08-24 10:57

vue3 通过 ref 获取 DOM

$refs.myP)vue3获取DOM在template中用ref标记我是p标签ts中借助ref来获取DOMimport{defineComponent,ref,on
清新小伙子·2023-08-23 09:55

vue3中通过ref()获取到元素

这是p标签import{defineComponent,ref,onMounted,nextTick}from'vue'exportdefaultdefineComponent({setup(){letmyRef
_处女座程序员的日常·2023-08-23 09:55

vue3 入门写法

VUE-3生命周期钩子函数import{defineComponent,onUnmounted,onMounted}from"vue";exportdefaultdefineComponent({setup
typeofnull·2023-08-23 07:08

elementplus calendar改变背景颜色及添加数据

{{getDate(data.day)}}{{getDate(data.day)}}{{item.visits}}importmomentfrom'moment'import{defineComponent
代码改变生活-120·2023-08-19 06:47

找不到模块“../views/HomeView.vue”或其相应的类型声明。

我们再新建项目中可以看到这个文件：这个时候我们再里面添加这段代码：declaremodule"*.vue"{import{App,defineComponent}from"vue";constcomponent
weixin_45750721·2023-08-15 14:50

Vue3 setup tsx 子组件向父组件传值 emit

父组件：parent.tsx：import{defineComponent,ref,reactive}from'vue';importTotalPreviewfrom'.
＊且听风吟·2023-08-15 06:10

vue3+element-plus的table封装

//只写了最基础的import{defineComponent,toRefs,PropType}from"vue";typeslotFunction=(scope:Record)=>JSX.Element
沧沧沧·2023-08-14 23:00

vue3+vite在main.ts文件中引入./App.vue报错（./App.vue不是模块）

方法二在src文件夹下添加env.d.ts文件，添加以下代码：declaremodule'*.vue'{importtype{DefineComponent}from'vue'//eslint-disable-next-line
前进的北极熊·2023-08-13 09:59

Vue3+TS和Vue2+TS的编写示例，同时加上接口约束

同时加上接口约束：Vue3+TypeScriptVue2+TypeScriptVue3+TypeScript{{title}}{{item}}Count:{{count}}Incrementimport{defineComponent
べJL·2023-08-12 19:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他