vue组件

Vue初学遇到Module not found Error Can‘t resolve ‘.componentsLogin.vue‘ in xxx 项目路径问题

一直报找不到这个login.vue文件问题分析：两种情况：vue版本和element-ui中引用的vue版本的冲突项目路径引入错误第一种情况我试过了,不是版本的问题，然后我就修改了一下路径，发现是Login.vue
web18296061989·2022-03-24 02:04

京东 vue3 组件库震撼升级，如约而至！

京东零售开源项目NutUI是一套京东风格的轻量级移动端Vue组件库，是开发和服务于移动Web界面的企业级产品。经过长时间的开发与打磨，NutUI3.0终于和大家见面了！
·2022-03-23 10:02

倒计时组件(Vue)

二、开始手操先创建一个vue组件exportdefault{data:()=>({}),props:{},};复制代码实现基本的倒计时组件接下来，假设接口获得的是一个剩余时间。
·2022-03-23 10:29

灵活的Vue组件——原来这么简单

本篇学习目标能够理解vue组件概念和作用能够掌握封装组件能力能够使用组件之间通信能够完成todo案例1.vue组件1.0_为什么用组件以前做过一个折叠面板需求:现在想要多个收起展开的部分方案1:复制代码代码重复冗余不利于维护案例用
几何心凉·2022-03-21 15:19

TinyMCE-Vue组件销毁后无法初始化编辑器

环境说明：tinymce-vue:3.2.8tinymce:5.10.0（使用引入）antd-design-vue:1.7.8问题背景及描述使用antd下Modal封装tinymce富文本编辑器具体层级为Modal|--Tab1|--Tab2(包含tinymce-editor)...在关闭modal后，进行了其他组件的切换，后二次打开modal，编辑器无法初始化，具体现象为tinymce生成的if
wohmai·2022-03-21 05:58

Vue加载中动画组件使用方法详解

本文实例为大家分享了Vue加载中动画组件的使用，供大家参考，具体内容如下（模仿ant-design加载中样式）效果图如下：①创建Loading.vue组件：          exportdefault
·2022-03-20 17:59

利用vue组件实现图片的拖拽和缩放功能

目录前言如图所示：方法如下：总结前言vue实现一个组件其实很简单但是要写出一个好的可复用的组件那就需要多学习和钻研一下，一个好的组件必须有其必不可少的有优点：一是能提高应用开发效率、测试性、复用性等；二是组件应该是高内聚、低耦合的；三是组件应遵循单向数据流的原则。在实现我的图片的拖拽组件我们的搞清其原理，在这里我使用的是mousedown,mousemove和mouseup来实现拖拽。如图所示：方
·2022-03-20 17:58

vue组件间传值的方法你知道几种

目录一丶父子组件传值二丶子父组件传值三丶兄弟组件传值四丶$parent/$children与ref总结一丶父子组件传值先在父组件中给子组件的自定义属性绑定一个父组件的变量在子组件的props属性中可以取出父组件给的值，props中的变量用法和data中变量用法完全一样，只不过值的来源不同exportdefault{name:"child",props:["自定义属性名"],data(){}}二丶子
·2022-03-19 15:08

打包发布你的vue组件到npm

如果在你的工作中用到了vue，那么你可能会发现同一个组件经常在你的应用中会被重复的使用。也许你写了一个非常有价值的组件，想要和别人分享，那么把它打包发布到npm是一个不错的选择。本文将以一个音乐播放器为例，一步步介绍如何分装组件、打包、发布。那么让我们开始吧！安装vue-cli使用下面命令安装vue-cli，如果你已安装可以跳过这一步npminstall-g@vue/cli#ORyarngloba
·2022-03-19 13:42

vue组件之间共享数据

一、概述先来看一下页面现有一个首页inde.vue，是加载有3个tab，分别是工单处理A.vue，工单报价B.vue，工单回单C.vue。这3个tab是不同的vue文件，需要共享一个工单详情orderDetails数据。这个数据从后端api请求接口获取。简单的做法是，A，B，C这3个页面都去调用接口。那么这样的话，加载首页时，接口会被调用3次，浪费资源。有没有可能只调用一次接口，就可以让3个页面获
shykevin·2022-03-19 07:04

element selector 点击事件不触发解决方法

点击事件不触发解决方法图片中change事件是选中的值发生变化才触发，那我们要加个点击事件：selectOne这样写事件是不会有效的应该这样写：@click.native=“selectOne(item,e)”1，给vue
qq_43427657·2022-03-19 06:46

七天接手react项目 —— state&事件处理&ref

Tip：是否感觉像vue组件中的data，请接着
彭加李·2022-03-16 16:00

VUE面试题

标题3,vue组件中如何获取dom元素?使用ref属性获取,在组件模板元素中添加ref属性,在js中用this.$refs获取标题4,说几个vue中的指令和它的用法？v-model
web小谢·2022-03-16 09:27

解决 TS2614 Module “.vue“ has no exported member（Vue3+TypeScript）

解决TS2614:Module“*.vue”hasnoexportedmember（Vue3+TypeScript）问题解决问题最近使用TS+Vue3.2写项目时碰到个问题：Vue组件中定义了一个接口并导出
m0_67393413·2022-03-16 09:21

CSS四种定位方式的详解，超详细

9、$nextTick的使用10、Vue组件中data为什么必须是函数11、v-for与v-if的优先级12、vue中
m0_60227170·2022-03-16 09:20

web开发要学习什么技术，前端开发自我介绍范文

9、$nextTick的使用10、Vue组件中data为什么必须是函数11、v-for与v-if的优先级12、vue中
前端老侯·2022-03-16 09:20

web开发环节，HTML列表标签

9、$nextTick的使用10、Vue组件中data为什么必须是函数11、v-for与v-if的优先级12、vue中
前端资料大全·2022-03-16 09:49

解决 TS2614: Module “*.vue“ has no exported member（Vue3+TypeScript）

解决TS2614:Module"*.vue"hasnoexportedmember（Vue3+TypeScript）问题解决问题最近使用TS+Vue3.2写项目时碰到个问题：Vue组件中定义了一个接口并导出
大铭铭子·2022-03-16 09:42

vue 后台系统引入pdf安装包

1：npminstall--savevue-paf下载pdf安装包2.在vue组件中导入pdf包并使用components方法进行注册最后展示的效果是这样的第二种写法：显示当前页和总页数配合上一页和下一页事件进行展示第三种写法展示所有的
m0_64206575·2022-03-16 09:11

Vue中的生命周期介绍

的整个生命周期包括8个状态，按照先后顺序分别为：beforeCreateCreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedVue
·2022-03-14 11:51

vue @input带参数_Vue组件通信详解

使用Vue进行项目开发，碰到的比较多的问题就是如何进行组件之间的参数传递。为了能够更优雅的解决此类问题，笔者在这里总结了开发中经常用到的一些组件通信方式，并配合一些例子方便理解。源码地址：vue-component-communication在线访问每一小节的例子都在src/views目录中，小伙伴可以结合对应的代码来阅读文章。码字不易，如果文章内容对你有帮助的话，希望能点赞鼓励一下作者。注：有些
weixin_39973410·2022-03-14 09:18

Vue学习笔记总结（8）

在这里这种文件，也称为Vue组件。三、.vue文件（Vue组件）的组
宋军涛·2022-03-13 14:07

Vue 学习总结笔记 (五)

文章目录1.Vue组件化编程1.1模块与组件1.2传统的编写方式vs组件化编写方式2.非单文件组件和单文件组件3.组件的使用4.组件的注意事项5.组件的嵌套6.VueComponent构造函数7.VueComponent
IT_Holmes·2022-03-13 13:50

Vue 学习总结笔记 (七)

文章目录1.浏览器本地存储1.1浏览器本地存储1.2localStorage存储1.3sessionStorage1.4总结2.浏览器本地存储的todoLists案例3.Vue组件自定义事件3.1vm.
IT_Holmes·2022-03-13 13:20

如何在 JavaScript 中实现 Event Bus（事件总线）

比如，Vue组件间的数据传递可以使用一个EventBus来通信，也可以用作微内核插件系统中的插件和核心通信。原理EventBus本质上是采用了发布-订阅的设计模式，比如多个模块A、B、C订阅
·2022-03-12 21:03

前端面试题：JS 如何实现事件总线 Event Bus

比如，Vue组件间的数据传递可以使用一个EventBus来通信，也可以用作微内核插件系统中的插件和核心通信。原理EventBus本质上是采用了发布-订阅的设计模式，比如多个模块A、B、C订阅
·2022-03-10 16:03

vue组件封装实现抽奖随机数

本文实例为大家分享了vue组件封装实现抽奖随机数的具体代码，供大家参考，具体内容如下一、子组件            exportdefault{     name:'countUp',     props
·2022-03-09 15:08

Vue组件实现数字滚动抽奖效果

本文实例为大家分享了Vue组件实现数字滚动抽奖效果的具体代码，供大家参考，具体内容如下可调整数字滚动速度，可指定开奖延迟时间，可指定开奖数字，按个人需求自行改动（录了个效果供参考，临时找的录屏，表介意）
·2022-03-08 13:38

Vue中事件总线(eventBus)的深入详解及使用

目录1.简介2.使用安装及引入在组件中使用补充：移除监听事件总结1.简介Vue组件中常见的有：父子组件通信、兄弟组件通信。
·2022-03-07 16:31

vue项目实现图形验证码

但是下面的代码会把背景干扰写进去）1.下载identify插件，命令：npmiidentify2.在你的components目录新建一个vue组件，我的命名是：sIdentify.vue3.在组件内把下面的代码
·2022-03-06 16:26

前端面试笔记-Vue篇

目录Vue3与Vue2的区别MVVMVue生命周期Vue组件通信Vuediff策略Vue虚拟DOMVue计算属性vue-router实现懒加载vueloader的工作原理如果你自己设置vueloader
教练，我也想学·2022-03-05 10:53

vue实现登录时图形验证码

本文实例为大家分享了vue实现登录时图形验证码的具体代码，供大家参考，具体内容如下效果图：点击图案可以切换字符1.新建Identify.vue组件   exportdefault{ name:"identify
·2022-03-04 19:23

这个批量引入组件的方法，挺酷

我们在写vue组件的时候，如果在一个组件里引入多个组件，一般的写法是这样的完全没毛病，但是这样的写法就有点累赘，每次新增一个组件又要添加多处，原来现在已经有更方便的写法了，实践了一下，非常niceconstroutes
webhmy·2022-03-04 18:00

vue实现登录时滑块验证

本文实例为大家分享了vue实现登录时滑块验证的具体代码，供大家参考，具体内容如下1.效果图2.新建SliderCheck.vue组件         {{rangeStatus?
·2022-03-04 17:38

Vue实现省市区级联下拉选择框

具体内容如下以（Vue下拉选择框Select组件二）为基础实现省市区级联下拉选择框组件（业务需要，固定省份选择为贵州，没有此业务，不传disabled属性即可）效果图如下：①创建级联下拉选择Cascader.vue
·2022-03-04 12:23

vue使用assign巧妙重置data数据方式

目录使用assign巧妙重置data数据Vue组件可能会有这样的需求重置data的数据为初始状态1.逐个赋值2.使用Object.assign()扩展使用assign巧妙重置data数据由于Object.assign
·2022-03-03 12:09

vuex存储和本地存储(localstorage、sessionstorage)的区别

我们可以回想下，在vue组件中，定义在data中的某个变量，如果这个变量被使用在html模板中，或者计算属性中，那么这个变量就
杨沐沅·2022-03-03 10:58

Vue组件六种通信方式的优缺点及应用场景

本篇摘抄Vue组件通信方式及其应用场景总结并根据自己的理解做了修改）一、props1.基本用法props通信方式是大家常见的通信类型，也是父子组件通讯的常用方式，用法是直接在子组件标签中绑定属性和方法。
weixin_47111901·2022-03-02 09:07

vue组件间通信六种方式（总结篇上）

文章目录前言一、Vue组件是什么？
张清悠·2022-03-02 09:36

Vue组件通信常用的的几种方式

Vue组件通信常用的的几种方式一.父传子：主要通过props来实现具体实现：父组件通过import引入子组件，并注册，在子组件标签上添加要传递的属性，子组件通过props接收，接收有两种形式：一是通过数组形式
ToDeer·2022-03-02 09:06

Vue组件通信方式，你了解几种？

Vue组件通信主要归为两类：父子组件之间通信非父子组件之间通信(兄弟组件、隔代关系组件等)今天对vue组件通信方式进行下总结，如写的有不足之处还请大家不吝赐教。
小明37·2022-03-02 09:04

vue组件通信的几种方式

组件间通信场景大致分为以下几种父组件向直接子组件传值。子组件向直接父组件传值。组件上下超过1级传值。我们先来说第一种1父组件向直接子组件传值。方法1：通过props属性进行传值，props可以是数组或对象，用于接收来自父组件的数据，官网使用说明。总结：子组件声明props,定义接受对象（可以指定接受对象的类型以及默认值），父组件通过v-bind:的方式进行传值。例子：-->importchildr
liujianya547733727·2022-03-02 09:32

Vue组件通信的六种方式，你会几个？

转自：Vue组件通信的六种方式，你会几个？
思绪随想·2022-03-02 09:01

Vue组件通信的几种方式

组件通信分类父组件——子组件子组件——父组件兄弟组件组件通信方式1.props通过使用props将数据从父组件传递到子组件。importChildComponentfrom'./ChildComponent'exportdefault{name:'ParentComponent',components:{ChildComponent}.data(){return{msg:'我是父组件传的值'}}}
MicrosoftYahei·2022-03-02 09:00

Vue 组件间通信有哪几种方式？

答：Vue组件间通信只要指以下3类通信：父子组件通信、隔代组件通信、兄弟组件通信，下面我们分别介绍每种通信方式且会说明此种方法可适用于哪类组件间通信。
LuckXinXin·2022-03-02 09:30

Vue 基础语法

Vue基础语法1.v-bind2.条件渲染3.列表渲染4.绑定事件5.双向数据绑定6.组件的使用【狂神说Java】Vue最新快速上手教程通俗易懂笔记：Vue基本语法、Vue绑定事件、Vue双向绑定、Vue
Training.L·2022-03-01 20:02

vue一级分类和耳机分类_Vue--3--实现后台三级分类管理（基于人人fast）

业务层处理数据的核心代码image.png2、工具类代码image.png3、测试接口image.png前端数据渲染---前置操作1、配置商品系统菜单和分类管理image.pngimage.png2、创建商品文件夹，和分类vue
金牛远望号·2022-03-01 16:43

Vue组件之间的通信你知道多少

目录Vue组件间通信1.父向子传递数据1.props的大小写2.props的两种写法3.传递动态props2.子向父传递数据3.兄弟(任意)组件间的传值3.1全局事件总线3.2消息订阅与发布总结Vue组件间通信
·2022-02-28 11:05

vue核心面试题：v-for中为什么要用key

一、v-for中为什么要用key1.vue中列表循环需加:key="唯一标识"唯一标识尽量是item里面id等，因为vue组件高度复用增加Key可以标识组件的唯一性，为了更好地区别各个组件key的作用主要是为了高效的更新虚拟
王三六·2022-02-27 17:30

avue-form表单常用属性和用法

个人用法：在vue中可以单独建立一个option.js文件，放置默认的统一参数，在使用的vue组件中引入该文件，设置组件内特殊的参数。
m0_54850604·2022-02-26 08:57
上一页 65 66 67 68 69 70 71 72 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他