目录

element Switch @change 事件死循环

html

<el-switch
  v-show="isShowLabel"
  v-model="isLabel"
  :change="changeLabel(isLabel)"
  class="mapLabel"
  inline-prompt
  active-text="显示注记"
  inactive-text="隐藏注记" />

原代码,但这样会疯狂的不断的出发 change，很奇怪，然后发现是:change要写成@change，这两个差别如下：

@change="changeLabel(isLabel)"：这是Vue中的事件监听语法糖。@是 v-on:的缩写，用于监听DOM事件，这里是监听change事件，并在事件触发时调用changeLabel方法，传入isLabel作为参数。
:change="changeLabel(isLabel)"：这是不正确的用法。在Vue中，:是 v-bind:的缩写，用于绑定属性到表达式的值。正确的用法应该是绑定到一个属性，比如:value="someValue"，而不是用来监听事件。