Javascript 事件VueJs上的道具组件

我试图在最后一次触发事件时访问组件的道具。此组件来自

它有几个道具，如名称、值等。我希望在触发更改时能够获取开关的名称或值

更重要的是，如何访问触发更改事件的交换机的任何道具

我试过了，但没有定义

 <div v-for="organizer in organizers>
     <el-switch @change="changeOrganizers($event.target.name, $event.target.value)" :name="organizer.name">
    </el-switch>
</div>


var Main = {
    data() {
      return {
        value1: true,
      }
    },
    methods : {
        changeSwitch(name) {
      console.log(name)
      }
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

var Main={
数据（）{
返回{
价值1：正确，
}
},
方法：{
转换开关（）{
console.log（event.currentTarget.checked）；
console.log（event.currentTarget.name）
}
}
};
变量向量=Vue.extend（主）
新Ctor（）.$mount（“#app”）

试试看

@change="changeSwitch"

这会给你价值

组件将（可能）使用

它将名称作为唯一参数传递给绑定的“change”事件处理程序

---

如果您希望通过道具传递

名称

，我怀疑它会更改，所以只需在

Vue

实例/组件中保存对它的引用，例如

data () {
  return {
    value1: true,
    name: 'test-name'
  }
}

和使用

<el-switch ... :name="name"

---

谢谢，Phil，它对值很有效，但是由于我的开关是动态创建的，所以我不想为每个开关声明一个变量来获取名称。还有其他可能性吗？如果我想使用触发更改的开关的任何道具，一般的方法是什么？我编辑了代码，以便动态创建它。一、 I’很抱歉，我第一次忘了准确地说。
data () {
  return {
    value1: true,
    name: 'test-name'
  }
}

<el-switch ... :name="name"

<div v-for="organizer in organizers>
     <el-switch @change="changeOrganizers()" :name="organizer.name">
    </el-switch>
</div>


var Main = {
    data() {
      return {
        value1: true,
      }
    },
    methods : {
        changeSwitch() {
      console.log(event.currentTarget.checked);
      console.log(event.currentTarget.name)
      }
    }
  };
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')