Vue 表格禁用启用传值技巧:同一方法处理不同状态
<template>
<div>
<button @click="toggleStatus(true)">启用</button>
<button @click="toggleStatus(false)">禁用</button>
</div>
</template>
<script>
export default {
methods: {
toggleStatus(status) {
if (status) {
// 启用逻辑
console.log('启用');
} else {
// 禁用逻辑
console.log('禁用');
}
}
}
}
</script>
<p>在上述示例中,点击启用按钮时会调用 <code>toggleStatus</code> 方法并传递值 <code>true</code>,点击禁用按钮时会调用 <code>toggleStatus</code> 方法并传递值 <code>false</code>。在 <code>toggleStatus</code> 方法中,根据传递的值进行不同的处理。</p>
原文地址: https://www.cveoy.top/t/topic/pBNv 著作权归作者所有。请勿转载和采集!