defineComponent

Vue3+TS+ElementPlus报错集锦

6、为props定义类型报错7、在tsx中调用表单验证方法报错8、为defineComponent中的props选项标注类型1、导入TS类型报错（1）报错信息importtype{FormIn
₍•ʚ•₎呀呀·2023-11-24 11:53

el-table 表尾行合并，列合并，统计

后端返回的数据中有统计好的信息效果代码import{defineComponent,ref}from'vue'exportdefaultdefineComponent({name:'ResultRecord
代码改变生活-120·2023-11-24 08:46

Vue3+Scss实现横向树形结构

效果：项目结构：用的Vue-Cli的脚手架，配置使用Vue3+Scss代码:App.vueimport{defineComponent,ref}from"vue";importTreeNodefrom"
夜雨Gecer·2023-11-21 15:41

videojs小组件

import{defineComponent,onMounted,onUnmounted,reactive,ref,toRefs,watch}from'vue';import'video.js/dist
_大龄·2023-11-20 17:21

手写marque，字母滚动

import{defineComponent}from"vue";exportdefaultdefineComponent({name:"marquee"}).marquee{display:inline-block
_大龄·2023-11-20 17:21

vue3.0中的readonly和shallowReadonly

readonly：将包裹的对象变为只读，并且是深度只读readonly与shallowReadonlystate:{{state}}更新数据import{computed,defineComponent
Realistic-er·2023-11-19 18:28

Vue3 — 自定义hook函数

的作用类似于vue2中的mixin技术自定义Hook的优势:很清楚复用功能代码的来源,更清楚易懂需求1:收集用户鼠标点击的页面坐标普通写法：只能在该组件中使用x:{{x}},y:{{y}}import{defineComponent
balance~~·2023-11-19 07:19

Vue3使用setup时使用name属性（自参）

框架里面使用缓存路由时测试是有效的第二种exportdefault{name:'xxx',}第三种exportdefault{name:'xxx',setup(){return{}},}第四种import{defineComponent
Amodoro·2023-11-17 10:37

vue3 父组件获取子组件属性

子组件按照普通组件来写，把要让父组件获取的数据return出去在父组件中一定要把获取的子组件return出去，否则是拿不到的import{defineComponent,ref,}from'vue';exportdefaultdefineComponent
猛男找1·2023-11-16 21:42

vue3 tsx 项目中使用 Antv/G2 实现多线折线图

Antv/G2文档Antv/G2双折线图安装依赖项目中安装antv/g2依赖库：npminstall@antv/g2--save安装成功：项目使用新建文件IndicatorTrend.tsx：import{defineComponent
＊且听风吟·2023-11-16 09:48

jeecgboot-前端组件封装代码示例

这时我们其实可以观察他们代码的写法(个人感觉学习代码的最好的途径就是临摹他人高质量的代码、多看、多写)路径如图：接下来我们会在标注3下实现一个简单的自定义组件代码在这里哦这里是MyInput组件import{defineComponent
奋斗在前端的实习小白·2023-11-15 17:48

vue3中watch的使用方法和注意事项

这里实例平时用到的几种监听1、监听父组件传来的参数props2、监听从父组件传来props里的某一个参数3、监听data的数据4、监听多个参数5、深度监听直接上代码//引入watchimport{defineComponent
青衣浏阳·2023-11-13 18:12

vue+flv.js

视图单画面四画面九画面十二画面-->设备机构名称{{node.label}}记忆收藏夹{{node.label}}添加设备修改收藏夹删除删除添加收藏夹{{sheName(index)}}Ximport{defineComponent
·2023-11-13 04:12

用element-plus+vue3+ts实现搜索下拉框

{{item.displayname}}import{defineComponent,toRefs,reactive,computed,toRef,ref}from'vue';interfaceIdata
益达木咸醇·2023-11-11 19:32

vue3.0二次封装el-table

核心代码:详细代码://子组件{{scope.row.value}}import{defineComponent}from'vue';exportdefaultdefineComponent({props
一只小药锅·2023-11-11 19:16

vue2 使用@vue/composition-api依赖包 编译、打包各种报错

大概一年前）的项目时，遇到个这种问题：项目本身是用vue-cli创建的vue2.x.xx版本的项目，然后引入@vue/composition-api依赖包，在实际开发中使用vue3的语法，如：import{defineComponent
丿Mr_Liu·2023-11-11 13:00

vite+vue3项目报错【Error】

/App.vue”或其相应的类型声明2.1项目根目录下创建文件【env.d.ts】2.2在文件【env.d.ts】编写以下代码declaremodule'*.vue'{importtype{DefineComponent
guinue·2023-11-10 19:21

vue下使用Echarts5绘制基础图表

项目使用Vue3加Echarts5绘制的基本图表，图表自适应浏览器窗口大小先上图，大屏小屏都可完美展示，纯属练手一先上图1.任意缩放窗口的大小2.平板3.电脑4.饼图5.折线图二后上代码import{defineComponent
骆骆爱学习·2023-11-08 18:31

通过vue 实现 ping IP 地址

pingIP测试import{defineComponent,ref}from'vue'exportdefaultdefineComponent({setup(){letipInput=ref("192.168.1.123
322829·2023-11-05 12:34

vue3中defineComponent和＜script setup＞语法糖区别

先贴代码defineComponentimport{defineComponent,reactive,ref,toRefs,}from"vue";exportdefaultdefineComponent
独步炎凉的大彬·2023-11-04 01:26

Vue3 复制 copy 功能实现（vue-clipboard3）

安装vue-clipboard3，附：vue2复制copy功能实现$npminstall--savevue-clipboard3在setup(){}中使用：复制链接import{defineComponent
卡尔特斯·2023-11-03 09:38

百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)

自用的封装好的,有弹窗,轨迹回放,画点画地图完整代码使用百度地图的官方文档百度地图必须的三个引用完整代码轨迹回放importmomentfrom"moment";import{computed,defineComponent
乞丐大王111·2023-11-02 03:59

vue3弹框使用【bpmn.js 使用总结】预览流程图

取消import{defineComponent,ref,reactive,onMounted,watch,watchEffect}from"vue";import{client}from"bettem-micro-utils
qq_Girl200·2023-10-30 06:19

vue3中vue和@vue/runtime-core的区别

2.正确写法import{defineComponent,Ref,ref}from'vue';3.错误写法import{defineComponent,Ref,ref}from'@vue/runtime-core
一天一丢丢·2023-10-28 10:53

Vue通过Element-ui树形控件实现树形表格

npminstallelement-plus--saveElement官网自定义树形控件分析图中控件分布，每个参数都有固定的width，通过width让数值达到对齐的效果代码主要通过renderContent函数来自定义树形控件import{defineComponent
一只小木头.·2023-10-28 10:08

Vue3.3发布了！带你了解一下它的新特性！

阶段但是其带来的一些特性十分激动人心，就在这里简单的给大家带来新特性的前瞻，为以后的升级做做准备泛型组件支持Vue一直以来[1]都是没办法很好的实现泛型组件，终于在3.3版本增加了这一功能首先是面向TSX用户为defineComponent
傲娇的koala·2023-10-28 09:34

vue3响应式对象：ref和reactive

ref()改变信息{{msg}}{{man}}import{defineComponent,ref,Ref}from'vue'exportdefaultdefineComponent({setup(){
沐风三生·2023-10-28 00:25

vue3 优雅的在 jsx 中使用动态组件 component

resolveComponent与h结合使用成功渲染，代码如下：import{defineComponent,
Only Double J·2023-10-27 18:28

使用GLTFLoader加载.glb文件报错：Uncaught SyntaxError:Unexpected token ‘%‘, “%TSD-Heade“... is not valid JSON

import{defineComponent,on
琹箐·2023-10-25 16:43

vue3.0组件数据定义

3.定义组件//从vue中导入定义组件的方法，就是defineComponentimport{defineComponent,reactive}from'vue'//ES6导出模块，defineComponent
哥是八路·2023-10-25 03:06

＜script lang=“ts“ setup＞使用setup语法糖引入组件爆红问题

未使用setup语法糖前注册组件：import{defineComponent,ref,reactive}from"vue";importAddPointsfrom'.
爱酱丶·2023-10-24 13:27

vue3报错-ts识别不了vue文件

解决方案在根目录下，新建or打开【env.d.ts】文件，添加如下代码：///declaremodule'*.vue'{importtype{DefineComponent}from'vue';constvueCompon
up阳光正好·2023-10-24 03:29

wangEditor富文本编辑器在vue3中使用

富文本编辑器使用封装成组件import'@wangeditor/editor/dist/css/style.css';//引入cssimport{onBeforeUnmount,shallowRef,computed,defineComponent
兜小糖的小秃毛·2023-10-22 05:39

手写一个函数式弹窗挂载点

二、代码这段时间正在搞用jsx写vue3，就用jsx写了import{defineComponent,Teleport,ref,computed,provide,}from"vue";import{NButton
放风喽·2023-10-21 02:17

vue3父子传参控制弹出框

父组件传参要用v-modeltipimport{defineComponent,ref,reactive}from"vue";importMinDialogfrom".
LILEILEILOVE·2023-10-21 01:56

vue3+ts制作一个简易的pc便签

App.vueHome|About-->import{defineComponent,onMounted,reactive,watch}from"vue";importFooterfrom".
万事胜意sy·2023-10-19 10:02

来吧，解锁Vue3全家桶+TS的正确姿势

来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用reactive时，可以用toRefs解构导出，在template就可以直接使用了import { defineComponent
程序员黑叔·2023-10-19 10:01

点击弹窗页面右侧缩小问题

display:flex;flex-direction:column;import{reactive,toRefs,defineComponent,onMounted}from"vue";importHeaderWeatherfrom
前端程序媛Ying·2023-10-18 13:06

Vue3：emit(‘update:modelValue‘）

//子组件import{defineComponent,ref,watch}from'vue'exportdefaultdefineComponent({name:'ChildComp',props:{
ahwangzc·2023-10-17 09:42

前端学习---VUE完成电商前端与后端管理系统项目总结与收获

电商网站前台VUE中无语的出错运行vue项目出现UncaughtTypeError:(0,vue__WEBPACK_IMPORTED_MODULE_42__.defineComponent)isnotafunction
昭慕遥遥·2023-10-16 15:30

(vue3-vite-ts) main.js文件中 import App from ‘./App.vue‘ 报错的解决办法

使用vite创建项目后，在src目录下，有一个vite-env.d.ts文件，在这个文件中，添加如下代码：declaremodule"*.vue"{import{DefineComponent}from"vue"constcomponent
一嘴一个橘子·2023-10-15 22:15

vue3.0---父子组件之间传值

father.vue我是father父组件我是子组件传过来的值：{{subTrans}}import{defineComponent,reactive,computed,ref}from'vue'importchildfrom
智慧2021·2023-10-15 18:16

webstorm 新建Vue3+ts模板

File->Settings搜索FileandCodeTemplates点击加号，然后如图所示操作具体代码import{defineComponent}from'vue'exportdefaultdefineComponent
codeMing_·2023-10-14 20:52

antdesign-vue 3.0 二次封装 a-select 支持多个v-model

e.preventDefault()">全选清空import{defineComponent,reactive,toRefs,watch,useAttrs}from'vue';import{Select
web_Hsir·2023-10-14 16:27

vue 3.0 +ant-design / select 二次封装

SelectSearch组件e.preventDefault()">全选清空import{defineComponent,reactive,toRefs}from'vue';import{Select}
web_Hsir·2023-10-14 16:57

vue3使用ant-design的select实现下拉框滚动分页加载

实现下拉框滚动加载远程数据{{item.label}}数据逻辑，未补全的参数请根据需要自行添加，以下代码仅展示关键逻辑import{defineComponent,reactive,ref,watch,
绝对零度HCL·2023-10-14 15:50

ionic+vue+capacitor系列笔记--常用操作代码合集（图片引用，axios跨域配置，去除按钮波纹）

1.单个图片引用htmltsimport{defineComponent}from"vue";exportdefaultdefineComponent({name:"Tab1Page",components
tangdou369098655·2023-10-14 11:44

移动端H5封装一个 ScrollList 横向滚动列表组件

预览组件代码{{menuItem[name]}}import{defineComponent,onMounted,onBeforeUnmount,reactive,ref,toRefs,nextTick
少年的范儿·2023-10-08 05:30

CSS点击切换或隐藏盒子的卷起、展开效果

切换1111import{defineComponent,reactive,toRefs}from'vue'exportdefaultdefineComponent({name:'login-account
前端程序媛Ying·2023-10-08 00:58

Vue3+TS实现自定义input组件的验证功能

其中有一个必不可少的属性就是输入验证，这篇文章教大家如何给自己定义的input组件添加验证，以邮箱输入框为例，大家学会了可以自行拓展创建组件新建一个组件，创建基本代码这里定义的emailReg是邮箱规范验证的正则表达式import{defineComponent
北海的大鱼·2023-10-06 15:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他