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

пишу на 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
08.10.2018, 10:11
    #39714240
_konstantine_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
странное поведение приложения на vue js
_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
08.10.2018, 10:19
    #39714246
_konstantine_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
странное поведение приложения на vue js
_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
08.10.2018, 10:31
    #39714258
_konstantine_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
странное поведение приложения на vue js
_konstantine_,

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

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


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