2022-07-05
2020
#vue
Nwose Lotanna
15030
Jul 5, 2022 ⋅ 7 min read

How to make form elements dynamic in Vue.js

Nwose Lotanna Web Developer and Writer

Recent posts:

The Replay (10/22/25): AI-assisted coding, Wasm 3.0, and more

Discover what’s new in The Replay, LogRocket’s newsletter for dev and engineering leaders, in the October 22nd issue.

Matt MacCormack
Oct 22, 2025 ⋅ 29 sec read
Where AI-assisted coding accelerates development — and where it doesn’t

Where AI-assisted coding accelerates development — and where it doesn’t

John Reilly discusses how software development has been changed by the innovations of AI: both the positives and the negatives.

John Reilly
Oct 22, 2025 ⋅ 12 min read
Debugging with Chrome DevTools MCP: Giving AI eyes in the browser

Debugging with Chrome DevTools MCP: Giving AI eyes in the browser

Learn how to effectively debug with Chrome DevTools MCP server, which provides AI agents access to Chrome DevTools directly inside your favorite code editor.

Emmanuel John
Oct 21, 2025 ⋅ 6 min read
Goodbye, useState? Smarter state modeling for modern React apps

Goodbye, useState? Smarter state modeling for modern React apps

Ever opened a React file and found a graveyard of useState hooks? The problem isn’t React; it’s how we model state. Here’s how to do it smarter.

Oscar Jite-Orimiono
Oct 21, 2025 ⋅ 9 min read
View all posts

4 Replies to "How to make form elements dynamic in Vue.js"

  1. HI there. Thanks for the tutorial. I tried it but it seems like the data binding isn’t working too well? Every time I input something in either the “previous visa” or “year of expiration” field, it gets repeated in the other generated fields as well.

  2. you can do this way

    Title
    Description
    File

    Remove

    Add row

    export default{
    name: “app”,
    data: () => ({
    rows: []
    }),
    methods: {
    addRow: function() {
    var elem = document.createElement(‘tr’);
    this.rows.push({
    title: “”,
    description: “”,

    });
    },
    removeElement: function(index) {
    this.rows.splice(index, 1);
    },

    }
    });

  3. Thank you so muuuuuuuuuuuuuuuuuuuuuuuuuuchhhhhhhhhhhh!!!!!!!!!!!!!!, I have been trying to do this till found here

  4. Wow. This helped my friend whose work as frontend. I’m just doing backend and helping him, then found your blog. Thank you very much.

Leave a Reply

Hey there, want to help make our blog better?

Join LogRocket’s Content Advisory Board. You’ll help inform the type of content we create and get access to exclusive meetups, social accreditation, and swag.

Sign up now