<template>
  <div>
    <el-button-group>
      <el-button :disabled='isDisabled.value' @click='handleClick'>按钮1</el-button>
      <el-button @click='handleClick2'>按钮2</el-button>
    </el-button-group>
  </div>
</template>
<script setup>
  import { ref } from 'vue'
  
  const isDisabled = ref(false)

  function handleClick() {
    console.log('按钮1被点击了')
  }

  function handleClick2() {
    console.log('按钮2被点击了')
  }
</script>
Vue3 Element Plus 按钮组件代码示例:使用 ref 和 function 定义

原文地址: https://www.cveoy.top/t/topic/mEAu 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录