点击el-tree里的el-radio,怎么才能只触发一次el-tree的node-click事件?

        <el-radio-group v-model="radio" style="width: 100%">
          <el-tree
            ref="elTree"
            node-key="uniqueId"
            :props="props"
            :data="elTreeData"
            :expand-on-click-node="false"
            highlight-current
            :filter-node-method="filterNodeMethod"
            default-expand-all
            @node-click="nodeClick"
          >
            <div slot-scope="{ node, data }" style="display: flex; align-items: center">
              <span
                v-if="data.isEntity === '0'"
                class="el-icon-folder-opened"
                :style="{ color: data.uniqueId === radio ? '#409EFF' : '#e6a23c', padding: '6px 6px 6px 0' }"
              ></span>
              <el-radio :title="node.label" :label="data.uniqueId">{{ data.entityNameInFund }}</el-radio>
            </div>
          </el-tree>
        </el-radio-group>
阅读 1.8k
2 个回答
 <el-radio
      :title="node.label"
      :label="data.id"
      @click.native.prevent="handleRadio"
      >{{ data.label }}</el-radio
    >这样绑定点击事件试试,亲测可以,现在只触发一次

手动加计数器吧。

count: 0;

click() {
    if(this.count) return;
    this.count++;
    // dosomething
    this.count = 0;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题