this.

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

场景：自定义一个通用组件，需要调用父组件的方法进行计算一、使用this.$emit()向父组件触发一个事件,父组件监听这个事件即可。父组件：importchildfrom'.
庞胖·2024-02-08 15:44

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

/Footer';exportdefault{components:{vHeader,vContent,vFooter},created(){console.log(this.$children)/
黒客与画家·2024-02-08 15:43

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

importcomsfrom"@/components/async.js";exportdefault{mounted(){console.log(this.
耿彬·2024-02-08 15:12

this.变量如何动态赋值

OpenToast(tag){this['showPopover'+tag]=true},this['showPopover'+tag]=>this.showPopover1
迷糊_z·2024-02-08 09:02

13.Java-this

使用this解决同类成员变量和参数之间的二义性，此种情况必须使用this.同类中实例方法间互调将当前对象作为参数传递给另外一个方法将当前对象作为方法的返回值(链式编程)构造器重载的互调，this([参数
若愚同学·2024-02-08 05:39

循环后el-popover点击无反应不弹出

还有怎么关闭弹出框也是折腾了一下，结果打印this.$refs.id发现是数组…删除后无法恢复，确认删除吗？取消确定popoverClose(id){console.log(this.
koi啦·2024-02-07 14:13

echars 修改属性数据，不生效的原因可能如下：

修改单个属性数据，生效情况分为渲染之前和之后两种：1、页面渲染之后，根据leng图例进行切换2、页面渲染之前，对属性数据进行变换constechartsLiving=this.
大浪淘沙1024·2024-02-07 09:39

uniapp 中this.$store状态管理的使用

1.在pages目录同级目录，也就是根目录下创建store目录2.store文件夹中新增一个index.js敲入一些学来的代码importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{userInfo:"",token:"",auth:"",},mutations:{SET_USERINF
CDialog·2024-02-07 09:08

vue2中给对象添加属性的几种方法

使用this.$set()方法（适用于Vue实例中）：this.$set(obj,'newProperty',value);2、这种方法也会确保新属性能够被Vue的响应式系统检测到。
m0_51014049·2024-02-07 01:47

vue子组件调用父组件的方法

以下是具体的步骤：子组件触发事件：在子组件中，当你需要调用父组件的方法时，可以使用this.$emit触发一个自定义事件，并可选择传递相关数据(不传就不写)。
Tang_Monk·2024-02-07 00:08

各个官网常见的元素出现动画

components:{},data(){return{list:[],loading:true,};},computed:{},watch:{},created(){},mounted(){consttags=this
外围前端吴彦祖·2024-02-07 00:26

Vue中父子组件的六种通信方式

Vue中父子组件的通信方式一、Props+$emitProps：父传子父组件Parent.vue：$emit：子传父子组件Child.vue：this.
小半Annie·2024-02-06 18:44

vue关于this.router 和this.route的总结

总结一波：概述this.
蓝奕世·2024-02-06 18:42

elementui上传文件不允许重名

检查文件重名：//上传文件uploadFile(){let_this=this;//未选择文件if(_this.fileLength===0){_this.
Violet_Stray·2024-02-06 14:11

生成二维码qrcode

importQRCodefrom"qrcode";exportdefault{mounted(){//这个处理方法是有缺陷的，不100%准确//userInfo在页面加载完才赋值setTimeout(v=>{const{id}=this
爱睡D小猪·2024-02-06 03:45

基于Vue2用keydown、setTimeout事件实现连续按键(连击)任意键(或组合键)3秒触发自定义事件(以F1键为例)

this.keyup);},destroyed(d){//移除监听弹起快捷键removeEventListener("keyup",this.keyup);},methods:{keyup(e){if(e.key===this
你挚爱的强哥·2024-02-06 03:42

uniapp 项目请求接口千万别写死

下面我优化的是这样新建一个config/index.js引入方法'@/config'然后在main.js全局注册上传或下载接口那边引入的方法是this.$VUE_APP_API_U
可口可乐Vip·2024-02-05 16:42

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

vue2代码type:'center',msgType:'success',messageText:'这是一条成功提示',value:''vue2的调用方法this.
可口可乐Vip·2024-02-05 16:07

前端输入框简单实现检测@成员输入

需要进行全局替换判断@成功的逻辑分为两部分，前方一般来说是为空或者@index的下标为0，后方的判断是到下一个间隔（空格）之间不能存在@，这个主要看产品需求，一般情况是这样//获取dom，并添加input监听this
无敌喜之郎·2024-02-05 15:21

动态颗粒背景，适合VUE、HTML前端显示

代码部分登录表单部分二、脚本部分exportdefault{setup(){return{starsCount:800,//数量distance:600,//间距};},mounted(){conststarArr=this
心灵的制造商·2024-02-05 14:40

列表进入详情页的传参问题。

此时在c页面可以通过id来获取对应的详情数据，获取id的方式是this.$route.query.idvue传参方式有：query、params+动态路由传参。说下两者的区别：1.query通过pa
却忘不掉你心言·2024-02-05 12:19

ElementUi Carousel 走马灯轮播图，el-carousel左右箭头位置调整

}}exportdefault{data(){return{};},created(){},mounted(){},methods:{arrowClick(val){if(val==='next'){this
飞歌Fly·2024-02-05 11:11

React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期）

state相当于重写，因为在react中，就有这个setState方法：为了解决多次设值state产生的多次渲染，会使用节流方法多次设值进行合并处理，相当于vue中的this.$nextTick（
pray Serendipity·2024-02-05 03:45

iview DatePicker 日期选择组件在弹窗中使用transfer，导致选择日期弹窗会关闭的问题

解决方案：添加上transfer属性和指定的date-picker样式名在合适的时机中，通过指定的样式名给日期选择组件的选择面板绑定事件进行阻止冒泡dateStopEvent(){this.
笋笋~·2024-02-05 01:22

随笔50-原生写某块区域下拉触底事件

就手动需要写一个下拉触底事件代码如下@scroll是下拉事件在onReachBottom方法里判断内容的高度减去滚动条距离顶部的距离是否小于或者等于该容器的固定高度如果是就代表触底了letclientHeight=this
是青水啊·2024-02-05 00:09

只需一个案例搞懂this.$nextTick()

前言this.$nextTick()并不是一个常用的API，但是到了关键的时候还就是必须用。但是它到底是做什么的，很多同学看了文档依然是一头雾水。
microkof·2024-02-04 22:50

如何让bootstrap的 关闭按钮，保存按钮失效

这是bootstrap.js中MODAL插件相关代码中定义的:this.
Alex_1799·2024-02-04 21:02

记录一下vue的问题，this.$alert is not a function

开始说问题，百度了一下，vue中调用methods中的方法互相调用使用this.$options.methods.xxxx;但是我测试一个弹框的调用，如下。结果报错了，我giao，报错信息如下，然后
杨杨小朋友·2024-02-04 19:41

Vue2.x 使用 extend方法创建 自定义对话框

对话框该组件是个对话框，基于Vue、element-ui的【Dialog对话框】&【Button按钮】组件调用方式、优点及需求来源组件调用方式this.
weixin_47276928·2024-02-04 16:56

vue 父组件给子组件传数组 打印无数据问题解决方法

当数据获得的之后再进行子组件的渲染测试直接判断数组效果不佳父组件直接调用子组件定义数据this.form.service_company_promo_pic.forEach((item,index)=>{this
醉笙情丶浮生梦·2024-02-04 11:43

利用watch监听，上部的件重体是下面所有件重体的总和

当下部输入框值改变得时候上部通过监听随着改变需要监听下部数组skuData，普通监听实现不了所以需要深度监听，使用完发现上部的输入框有可能失灵，所以在input上要添加@input="change"方法里面加上vue强制刷新change(){this
雨后晴阳·2024-02-04 10:53

异步请求放在create还是mounted

1、首先异步请求不能放到beforeCreate生命周期中,因为此时方法和数据还没初始化;2、this.$nextTick是Vue.js中的一个方法，用于在DOM更新后执行回调函数。
和科比合砍81分·2024-02-04 10:46

uniapp新增一条数据增加一个折叠栏

//折叠栏年份{{item.fatCalfNum}}货币资金(万元){{item.fatCalfNum1}}//新增按钮//弹窗addInventory(){this.
Girasoless·2024-02-04 08:50

vuex的辅助函数

vue的根实例就是newVue构造函数，然后在所有的子组件中this.$store来指向store对象。在index.js中，我们用expo
丁先生_b64b·2024-02-04 04:56

this.$set

有这样的一个场景纯前端对table去做增删修改操作，修改是通过弹框去修改的，但数据是响应式的，在弹框里修改某项数据，点击关闭弹框，无论是确认还是取消都是会引起table里数据的变换，这时候就需要确认的时候数据变化（默认的），点击取消的时候要用旧的值替换掉新的值//this.data[index]=rowthis.$set(this.data,index,row);第一种是无法生效的$set中的第一
每天吃饭的羊·2024-02-04 01:28

JavaScript 如何判断输入框的内容是正则表达式，不是正则表达式的话弹出提示

isValidRegex){this.$mes
程序猿小野·2024-02-03 23:44

vue学习-模板引用

模板引用ref，获得dom元素实例，可以进行一些操作this.
Rulelur·2024-02-03 19:08

Vue学习笔记之模板引用

1、添加模板引用对DOM元素添加引用，语法格式，则在DOM元素挂载成功后，可以通过this.$refs.input的语法形式访问引用的input元素。
Three Big Stones·2024-02-03 19:37

Echarts饼图动态赋值

一、动态赋值最近在开发过程中碰到一个需求是需要在页面展示饼图，需要后端传值然后显示，效果图如下：以下是我的实现方法：initChart(){this.chart=echarts.init(this.
勤劳的小王‍·2024-02-03 18:35

项目开发中Element踩过坑

1.elementtableshow-summary合计行不显示问题1.el-table中加上ref属性2.在updated生命周期函数updated(){this.
sisselxie·2024-02-03 15:31

数据存本地 localStorage Cookie session

：哪里用在哪里取data(){return{loginForm:{userName:"11111111",password:"123456",},}asyncsubmitForm(formName){this
愿➣·2024-02-03 13:31

vue基础四（路由）

路由起步使用路由动态路由匹配(传参)使用props接收路由参数路径参数与查询参数this.
今天晚上一定要早睡·2024-02-03 12:54

Vue2+ElementUI 弹窗全局拖拽 支持放大缩小

dialogDrag.vueexportdefault{name:'dialogDrag',data(){return{originalWidth:null,originalHeight:null}},created(){this
沉默是金~·2024-02-03 12:23

Vue3+TS+Vite+Pinia学习总结

因为需要遍历属性，所有需要提前知道对象上有哪些属性，才能将其转化为getter和setter,所以vue2中无法将data新增的属性转为响应式，只能通过vue提供的vue.set或者this.
天生我材必有用_吴用·2024-02-03 06:07

openlayers 信息弹出框封装

：1、组件封装Popup.js/*刘玉峰[email protected]*///点击后高亮下方的feature并且弹出popup信息做展示Popup=function(map){this
jjxliu306·2024-02-03 03:59

Vue里使用Element UI的Tabs時el-tab-pane的隐藏和显示

$refs.tabs[2].style.display='none';this.$refs.tabs.$children[0].$refs.tabs[3].style.
大北_8f5e·2024-02-03 02:12

async await实现异步函数

在函数外部用async包裹着内容，然后用await在需要异步编译的函数前面声明，就能够达到异步编程的效果mounted:asyncfunction(){this.
李昂李三光·2024-02-03 01:07

vue项目中 el-tree 的扩展下拉图标放置右侧

如下两个图所示：图一为默认，图二为已放置右侧的图标代码如下：exportdefault{name:"TreeScroll",watch:{filterText(val){this.
土垚金鑫·2024-02-02 22:41

elementUI的table 点击分页时记住上一页选中的数据

row-key)......在methods中添加函数getRowKeys(row){returnrow.id}完成后需要清空选中，不然再次点开后还是上次的数据，但如果接下来的操作是跳转/刷新页面，那这步可省略this
tianxinw·2024-02-02 21:43

elementui select选项无法选择的问题

解决办法：通过this.$set()解决changeUnit(item){//向this.
tianxinw·2024-02-02 21:43
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他