Vue.js Element UI 表单:动态弹出超级账套表单
<template>
<div>
<el-form-item label='生成超级账套:'>
<el-radio-group v-model='accountId'>
<el-radio label='1' @click='showAccountDialog = true'>是</el-radio>
<el-radio label='0' @click='showAccountDialog = false'>否</el-radio>
</el-radio-group>
</el-form-item>
<pre><code><el-dialog v-if='showAccountDialog' title='超级账套表单' @close='showAccountDialog = false'>
<el-form>
<!-- 在这里添加超级账套的表单项 -->
</el-form>
</el-dialog>
</code></pre>
</div>
</template>
<script>
export default {
data() {
return {
accountId: '',
showAccountDialog: false
}
}
}
</script>
<p>根据提供的代码,当选择'是'时,弹出一个新的form表单。在上述示例中,当选择'是'时,<code>showAccountDialog</code>的值将被设置为<code>true</code>,弹出一个dialog框。你可以在dialog框中添加超级账套的表单项。</p>
原文地址: https://www.cveoy.top/t/topic/j5cW 著作权归作者所有。请勿转载和采集!