powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / странное поведение приложения на vue js
4 сообщений из 4, страница 1 из 1
странное поведение приложения на vue js
    #39714220
Фотография _konstantine_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
здравствуйте.

пишу на vue

после нажатия на одну из кнопок приложение почему то перезагружается(т.е. страница перезагружается), все свойства объекта обнуляются

вот так выглядит обработчик события клика по кнопке

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
 addBayOrder(){

      this.num += 1; 

      this.orders.push({

        price: this.price,
        count: this.count,
        id: this.num 
        
      });
}
...
Рейтинг: 0 / 0
странное поведение приложения на vue js
    #39714240
Фотография _konstantine_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_konstantine_,

запускаю приложение так, оно открывается в браузере chrome

npm run dev

> vue-test@1.0.0 dev C:\web_project\vue-test
> cross-env NODE_ENV=development webpack-dev-server --open --hot
...
Рейтинг: 0 / 0
странное поведение приложения на vue js
    #39714246
Фотография _konstantine_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_konstantine_,

я не понимаю в чем дело пример простейший при нажатии на кнопку добавить элемент в массив

Код: html
1.
2.
3.
<button class="order-form__btn order-form__btn-bay" 
            v-on:click="addBayOrder">Купить
</button>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
export default {
  name: 'app',
  data () {
    return {
      
      price: 0,
      count: 0,
      num: 0,
      orders: [],
     
    }
  },

  methods:{

    addBayOrder(){
      this.num += 1; 
      this.orders.push({
        price: this.price,
        count: this.count,
        id: this.num 
      });
    },

  computed:{
    summary(){
      return this.price*this.count;
    } 
  }



после нажатия на кнопку элемент в массив добавляется, но потом все обнуляется массив пуст

может что, то в настройках webpack
вообщем ...
...
Рейтинг: 0 / 0
странное поведение приложения на vue js
    #39714258
Фотография _konstantine_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
_konstantine_,

ответ найден
необходимо сбросить обработку события по-умолчанию

Код: javascript
1.
event.preventDefault();
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / странное поведение приложения на vue js
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]