javascript - vue2 自定义指令中怎么改变data中的值？

问题描述

问 题

在一个组件中，自定义指令，我想在自定义指令改变这个组件data中的某个值，如何改变？

        created(){
            this.index = 0;
            
        },
        directives :{
            progress:{
                inserted:function(el , binding){
                      //怎么改变index的值
                    }
                },
        }

解决方案

今天想了下，貌似解决了。

<template>
  <div v-progress="{this.SET:SET}"></div>
</template>
<script>
 methods:{
  ...mapMutations(['SET'])
 }，
directives：{
  inserted:function(el , binding){
  //通过这个SET方法，传个参数，去改变值
    binding.value.SET(1);
  }
}
</script>

这篇关于javascript - vue2 自定义指令中怎么改变data中的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！