动态表单

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

普通用法

动态表单 - 图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>