需求:
點擊不通過按鈕,顯示紅框中表單,且滾動條滾動到底部 (顯示紅框中表單默認不顯示)
<el-button @click="onApprovalPass">不通過</el-button>
<div class="item" v-if="approvalPassShow">紅框中表單內容縮減版
</div>
<div ref="footerListRef"><el-button type="primary" >提交</el-button>//滾動條移動到這個位置
</div>
<script setup>
const approvalPassShow = ref(false)
const footerListRef = ref(null);
const onApprovalPass = () => {approvalPassShow.value = truesetTimeout(() => {// 移動滾動條footerListRef.value.scrollIntoView({ block: "start", behavior: "smooth" });}, 50);
};
</script>