• 动态表单
    • 普通用法

    动态表单

    可以动态的增加删除某个字段

    普通用法

    动态表单 - 图1

    1. <avue-form :option="option" v-model="form" @submit="handleSubmit"></avue-form>
    2. <script>
    3. export default {
    4. data(){
    5. return {
    6. form:{
    7. text:['动态内容1','动态内容2'],
    8. },
    9. option:{
    10. column: [{
    11. span:24,
    12. label: '内容',
    13. prop: 'text',
    14. type:'dynamic'
    15. }]
    16. }
    17. }
    18. },
    19. methods:{
    20. handleSubmit(form){
    21. this.$message.success(JSON.stringify(this.form))
    22. }
    23. }
    24. }
    25. </script>