一、路由跳转
import { useRouter } from 'vue-router'
export default {
setup () {
const router = useRouter()
const toHome = (() => {
router.push({
name: 'home'
})
})
return {
toHome
}
},
}
二、获取高度
场景:elementplus + vue3
需要动态计算table高度
//获取搜素表单高度
<!-- 搜索区 -->
<div class="search" v-show="isShowSearch">
<el-form ref="hform" :model="formdata" :label-width="100" class="search-form">
<el-row>
<el-col :span="5">
<el-form-item label="学校ID" prop="search_id">
<el-input v-model="formdata.search_id" @change="toNum" placeholder="学校ID" clearable></el-input>
</el-form-item>
</el-col>
......
<el-col :span="4">
<el-form-item >
<el-button type="primary" @click="query">查询</el-button>
<el-button @click="clearform">重置</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
setup(){
const hform = ref(null)
showSearch(){
dataSet.isShowSearch = !dataSet.isShowSearch
nextTick(()=>{
console.log(hform.value.$el.scrollHeight) // 搜索高度:51/0
})
},
}