Why doesn't vue store the object in an array?

Question

Vue.js

Started learning vue yesterday.
I want to make sure that when entering a word, the name is saved in the array and after displaying it as a card, where the new value is located.
Here is the code

data() {
    return {
      ticker: "default",
      tickers: [
        {name: 'Demonstration', price: "5500"},
        {name: 'Demonstration1', price: "6500"},
        {name: 'Demonstration2', price: "7500"},],
    };
  },
  methods: {
    addTicker() {
      const newTicker = {name:this.ticker, price: '8500'}
      this.tickers.push(newTicker);
    },
  },

Everything is done, only the card appears and immediately disappears, as I understand it, vue saved the entered data, displayed it and then deleted it. Why this happens, I don't understand.
Explain, please.

Answer 1

In this way, the element is easily added to the array. Look for the error elsewhere. I can swange that you have addTicker hanging on a link or on a button in the form and the default action occurs.