вызов метода более одного раза с входным числом c в vue js

Question

Здравствуйте разработчики в этой карточке магазина, допустим, у меня есть для каждого продукта несколько функций, включая количество продуктов того же типа, которые пользователь мог бы купить, для этого у меня есть входной тег, в котором может отображаться количество единиц купить. Моя идея состоит в том, чтобы установить наблюдателя или, возможно, вычисляемую функцию, которая позволяет мне добавлять в пользовательскую панель мониторинга dashBoard столько продуктов того же типа, что и тег ввода, используя номер тега ввода в качестве триггера числа раз, которое добавление к карточке должно вызываться для увеличения массива userDashBoar в таком же количестве. Допустим,

HTML

            <input
              type="number"
              id="quantity"
              name="unities"---------------------LET'S SAY INPUT HAS A NUMBER 2
              v-model="unities"
            />
SCRIPT
            data() {
                return {
                   unities: "",
                   link: null
                };
            },
            methods: {
              ...mapActions(["fetchAllProducts", "addPurchase", "fetchUserIdProducts"]),
                     addPurch(link) {
                      this.$store.dispatch("addPurchase", this.ProductCard);
                   }----THIS METHOD ADDS TO THE USER CARD 

            watch: {-------this doesn't work, still adds only 1 product to 
                           the user dashboard Array despite of input having set a number 2

                   unities: function(val) {
                     if (val < 0) {
                      this.unities = 0;
                     }
                     else{
                        this.unities*this.addPurch
                     }
                  },

Но не работает с этой теорией наблюдателя (я полагаю, совершенно неправильно, как я ее установил). Буду признателен за любые советы или помощь в этом вопросе. Действительно заранее спасибо за вашу помощь !!!!