vue弹框第65页

vue.js2.0父组件监听子组件和调用子组件中的方法

概述vue.js2.0父组件点击触发子组件方法父组件监听子组件{{total}}Vue.component('button-counter',{template:'{{counter}}',data:function

shenzhen_zsw·2024-02-08 15:14

vue 父元素点击不触发子组件_详解vue.js2.0父组件点击触发子组件方法

之前关于vue.js2.0父组件的一点学习，最近需要回顾，就顺便发到随笔上了{{total}}Vue.component('button-counter',{template:'{{counter}}'

编程小族管·2024-02-08 15:14

Vue 父组件调用子组件中的函数的两种方法

文章目录\$on\$emit的组合使用直接调用$on$emit的组合使用父组件调用子组件的函数，所以父组件中使用$emit(“函数名”，传递的参数)；子组件中监听此函数使用$emit(“函数名”，传递的参数)；子组件中监听此函数使用$emit(“函数名”，传递的参数)；子组件中监听此函数使用$on(“函数名”，res=>{执行函数});res即为父组件传递给子组件的参数。直接调用父组件点击父组件i

普罗旺斯.·2024-02-08 15:44

VUE中子组件调用父组件的方法，父组件调用子组件的方法，父子组件互相传值和方法调用

场景：自定义一个通用组件，需要调用父组件的方法进行计算一、使用this.$emit()向父组件触发一个事件,父组件监听这个事件即可。父组件：importchildfrom'./components/childCompoent'exportdefault{components:{child},methods:{method(data){console.log(data+'调用父组件方法');}}};

庞胖·2024-02-08 15:44

Vue父组件获取子组件methods函数的方法汇总

1.父组件中获取子组件方法$children属性importvHeaderfrom'./Header';importvContentfrom'./Content';importvFooterfrom'./Footer';exportdefault{components:{vHeader,vContent,vFooter},created(){console.log(this.$children)/

黒客与画家·2024-02-08 15:43

vue父组件监听子组件是否加载完毕通过ref调用子组件的函数

通过@hook:mounted子组件mounted之后，会调用此函数。这个函数中可以通过ref调该子组件。importcomsfrom"@/components/async.js";exportdefault{mounted(){console.log(this.$refs.form);},components:{...coms},methods:{childMounted(){alert('ch

耿彬·2024-02-08 15:12

拖拽按钮: 如何区分点击和拖拽事件 (vueuse实现)

问题：使用vueuse的useDraggable去拽按钮时会触发点击事件，即使设置阻止默认事件还是没用。方案1：判断拖拽时长判断拖拽时长，如果大于点击的时间秒数，则被认为是拖拽。

白桃与猫·2024-02-08 15:11

Transition内置组件设置无效的原因

所触发的切换由v-show所触发的切换由特殊元素·切换的动态组件改变特殊的key属性2.要放在发生变化的组件外层，如果中间有其他元素或组件会不生效Togglehelloimport{ref}from'vue'constshow

白桃与猫·2024-02-08 15:11

Vue Error in nextTick: "RangeError: Maximum call stack size exceeded"

报错问题如下：ErrorinnextTick:"RangeError:Maximumcallstacksizeexceeded"，经过一系列的问题查询，发现问题所在，原来两个组件的name重复了!!!修改组件名就OK了！exportdefault{name:"main-table",}

Marissa_z·2024-02-08 15:24

Vue-1

Vue简介Vue是一个用于"构建用户界面(基于数据渲染出用户看到的画面)"的渐进式框架基本使用Document{{msg}}{{num}}//创建实例constboxObj=newVue({el:'.box

-seventy-·2024-02-08 14:07

demo页面

DocumentcuteUI.confirm({msg:'环境和健康会尽快汇款就',//显示的文字canHiddenMask:true,//点击遮罩层是否可关闭弹框，可选sureBtnText:'确定'

KillmeHeal_4dd1·2024-02-08 14:19

vue3的常用功能

文章目录一、前言二、自动注册全局组件2.1、自动注册`components`目录下所有`vue`组件并以组件的文件名为组件的名称2.2、使用这个插件2.3、为全局组件添加类型提示三、函数式图片预览四、手动封装

小马甲丫·2024-02-08 14:24

bpmn-js自定义之Modeler以及相关引用

项目环境：bpmn.js:7.5.xvue:2.x项目中使用到bpmnjs的时候，大多数情况都是需要自定义定制才能满足需求，因此bpmnjs的自定义基本不可避免，今天我们来进行vue中的bpmnjs的Modeler

程序猿Owen·2024-02-08 14:22

Vue CLI部分（4）

VueCLI1.什么是VueCLI网址：cli.vuejs.org脚手架是什么东西CLI依赖webpack==>node中的npm安装CLI3->拉去CLI2模块npminstall-g@vue/cli2

cscoder·2024-02-08 14:14

vue 实现一个持续时间定时器组件

vue实现一个定时器组件效果图子组件父组件效果图子组件新建一个timer.vue文件=600}">{{string|formatDurationS}}exportdefault{name:'timer'

.伊泽瑞尔·2024-02-08 14:04

postman执行批量测试

2.工具下载3.初入门一、如图示进行点击，创建collection二、输入对应的名称三、创建Request并进行查询四、录入对应的get请求https://vue.ruoyi.vip/prod-api/

w329636271·2024-02-08 14:34

2020-2-1

this.movies[0]=‘海王’由于vue内部没有监听通过索引值修改数组元素，所

竹子和鸟儿·2024-02-08 14:05

谷粒商城-P19

快速开发使用开源的脚手架人人开源(gitee.com)使用renren-fast作为后台开发，使用renren-fast-vue作为前端使用renren-generator生成product代码。

杜阿福·2024-02-08 13:02

Vue3+elementplus实现弹窗功能

父组件：constprizeDialogVisible=ref(false);constopenPrizeDialog=()=>{prizeDialogVisible.value=true;};constgetPrizeMsessage=(params)=>{console.log('333',params);};子组件：取消保存props:{prizeVisible:{type:Boolean,

与月儿漫邀·2024-02-08 13:54

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search

与月儿漫邀·2024-02-08 13:53

实现滑动拼图验证登录vue

1、效果图2、引入滑动拼图验证组件安装组件npminstall--savevue-monoplasty-slide-verify配置组件lib/slide-verify.vue{{sliderText}

与月儿漫邀·2024-02-08 13:23

表格新增行，可编辑删除行

地址类型地址信息邮编操作{{item.type}}{{item.address}}{{item.zipCode}}constVueApp={setup(){constempiData=Vue.ref({

与月儿漫邀·2024-02-08 13:51

vue3项目keepAlive使用方法详解

一、介绍keepalive是Vue的内置组件，作用是将组件缓存在内存当中，防止重复渲染DOM，属于消耗内存获取速度。常用的用法是将组件或者路由缓存，现有的用法vue2.x与vue3.x有部分差别。

Trank-Lw·2024-02-08 13:47

前端架构: 从vue-cli探究脚手架原理

从使用角度理解什么是脚手架脚手架本质是一个操作系统的客户端在终端中去执行一个命令，这个命令本身它就是一个客户端我们其实可以把脚手架理解为操作系统的一个客户端通过命令去执行它的时候，这个命令往往是这样的一个构造，如下比如：要创建一个vue

Wang's Blog·2024-02-08 13:05

计算机毕业设计SSM宠物领养系统【附源码数据库】

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

计算机程序_设计·2024-02-08 13:03

[附源码]Java计算机毕业设计SSM宠物领养系统

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

卓杰计算机程序设计·2024-02-08 13:03

（杂项笔记）VS Code好用的插件推进

Simplified)LanguagePack3、CodeSpellChecker4、JavaScript(ES6)codesnippets5、MithrilEmmet6、PathIntellisense7、Vue3Snippets8

玻璃瓶和纸飞机·2024-02-08 12:19

SpringBoo+Vue构建简洁日志文件查看系统

点击下载《SpringBoo+Vue构建日志文件查看系统（源代码）》1.前言想必经常做java开发的小伙伴，其大多数服务都是运行在linux系统上的，当遇到一些比较棘手的bug需要处理时，经常要上服务器去捞日志

孤蓬&听雨·2024-02-08 12:47

vue生命周期

//vue的初始化过程中，会让用户传入不同的函数会在不同的时间点被触发//beforeCreate初始化之前没有进行数据观测只是调用了初始化父子关系及内部事件一般情况下会混入一些公用逻辑创建前//created

威猫爱吃鱼·2024-02-08 12:51

【vue+vex-table】翻页保留复选框选中状态

1、项目中的vxe-table封装成了组件，方便复用，vxe-table主要用到这些，key可以换成row-id=“id”，我这里没用到>>2、组件是否封装不影响需求的实现，就是refs多点了一层3、有两种实现方式：方式一：不考虑切换总条数（假如用户在勾选过程中，切换了每页显示的总条数，数据会乱）1、@selectAllEvent=“selectAllEvent”，复选框单选或全选事件，定义sel

春晓_春眠花落·2024-02-08 12:00

Vue中的自定义参数校验

目录1前言2方法2.1定义校验函数2.2进行绑定1前言在Vue中，自带了许多校验方法，但是有时候需要我们自定义一些校验方法，才能满足实际的需求。现在举个例子，我们从这个例子来讲解自定义参数校验。

厂里英才·2024-02-08 12:30

Vue Ant Design Vue table customRow + rowClassName 设置行属性 + 表格行的类名（带斑马纹和默认选中第一条数据） - 附完整示例

目录效果一、介绍1、官方文档2、官方示例二、准备工作1、安装依赖包2、示例版本三、使用步骤1、在main.ts引入2、具体使用四、完整示例1、main.ts2、example.vue效果一、介绍1、官方文档

Web - Nancy·2024-02-08 12:59

Vue ECharts X轴 type为value的数据格式 + X轴固定间隔并向上取整十位数 - 附完整示例

ECharts：一个基于JavaScript的开源可视化图表库。目录效果一、介绍1、官方文档：ApacheECharts2、官方示例二、准备工作1、安装依赖包2、示例版本三、使用步骤1、在单页面引入'echarts'2、指定容器并设置容器宽高3、数据处理（关键点）四、完整示例tipsxAxis.interval试一试效果一、介绍1、官方文档：ApacheEChartsApacheEChartsA

Web - Nancy·2024-02-08 12:59

初识Vue笔记

Vue.jsVue.js初体验Document{{message}}newVue({el:"#app",data:{message:"Vue.js初体验",}})vue的列表展示使用v-for遍历data

humorous man·2024-02-08 12:57

Vue ECharts 散点图上画一个圆形 - 附完整示例

ECharts：一个基于JavaScript的开源可视化图表库。效果一、介绍1、官方文档：ApacheEChartsApacheEChartsApacheECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。https://echarts.apache.org/zh/index.html2、官方示例二、准备工作1、安装依赖包npmin

Web - Nancy·2024-02-08 12:56

vue项目启动出现的问题

vue踩坑-Error:listenEADDRNOTAVAIL192.168.1.122:8081Error:listenEADDRNOTAVAIL192.168.1.122:8081atObject.

木子川页心·2024-02-08 12:55

基于JAVA的河南软件客服系统开源项目

2.1系统管理人员2.2业务操作人员三、系统展示四、核心代码4.1查询客户4.2新增客户跟进情况4.3查询客户历史4.4新增服务派单4.5新增客户服务费五、免责说明一、摘要1.1项目介绍基于JAVA+Vue

杨荧·2024-02-08 12:52

vue中watch进行ajax,Vue中watch的使用

在vue中，使用watch来响应数据的变化。一、watch是什么？监测Vue实例变化的一个表达式或方法。回调函数得到的参数为新值和旧值，用一个函数取代。

自由人协作平台·2024-02-08 12:50

vue中watch和computed的使用案例:

1.watch侦听器:watch:{//搜索时文本发生变化,会重新调用搜索的接口(只改变自己)searchText:{//当searchText发生改变,调用handler函数(名称固定)//handler(value){//this.getSearchSuggestionsList(value)//},/*优化防抖debounce函数:参数一:一个函数参数二:延迟时间,单位毫秒返回值:防抖之后的

Sun Peng·2024-02-08 12:50

vue 3D轮播展示 --vue-carousel-3d

根据vue-carousel-3d官方网站上面的实例进行使用并修改官网地址：https://wlada.github.io/vue-carousel-3d/guide/使用流程：Installationnpminstall-Svue-carousel

AsBefore麦小兜·2024-02-08 12:20

vue3.0 watch函数案例

App.vue代码：importDemofrom'.

前端程序员路易·2024-02-08 12:20

Watch 在 vue 3 中使用说明

一、监听基础类型constnums=ref(9)watch(nums,(newValue,oldValue)=>{console.log('watch已触发',newValue)})二、监听复杂类型constdemo=reactive({name:'前端小玖',nickName:'小玖',soulmate:{name:'',nickName:''}})复杂类型的监听有很多种情况，具体的内容如下监听

刺客-Andy·2024-02-08 12:20

Vue3之watch的最简用法

watch用法参数一：要监测的值或值数组。（也可直接放入对象，不建议）参数二：回调函数。接收两个参数，newValue和oldValue。参数三：配置项对象。immediate、deep…1、监测一个ref数据。letsum=ref(0);watch(sum,(newVal,oldVal)=>{console.log('sum的值被改变了',oldVal+'==>'+newVal);});2、监测

雨落Liy·2024-02-08 12:20

Vue项目中 sass安装

1.sass-loader依赖于node-sass,所以要安装node-sasscnpminstallnode-sass--save-dev//安装node-sasscnpminstallsass-loader--save-dev//安装依赖包sass-loadercnpminstallstyle-loader--save-dev//安装style-loader2.在build文件夹下的webpa

一颗苦涩的苹果·2024-02-08 12:49

vue a-table合并单元格并且写入选择框

整体实现效果图是这样只写了合并部分列的代码//columns是a-table列表的表头及参数columns:[{title:"资源等级",dataIndex:"sourceLevel",width:160,key:"sourceLevel",align:"center",scopedSlots:{customRender:'sourceLevel'//写了sourceLevel这个我们仍可以在ht