Как использовать переменные ветки в моем приложении Vue. js - PullRequest
Новая
       41

Как использовать переменные ветки в моем приложении Vue. js

0 голосов
/ 11 марта 2020

Мой файл ветки выглядит следующим образом: 

<select name="lineItems[{{ product.id }}][quantity]"
          class="custom-select product-detail-quantity-select">
      {% for quantity in range(product.minPurchase, product.calculatedMaxPurchase, product.purchaseSteps) %}
          <option value="{{ quantity }}">
              {{ quantity }}{% if product.packUnit %} {{ product.packUnit }}{% endif %}
          </option>
      {% endfor %}
  </select>

Я хочу изменить это на Vue.js приложение с полем количества / количества и «приращением» и Кнопка «декремента» .

Мое Vue. js приложение выглядит следующим образом: 

<div id="app">
    <a class="btn" v-on:click="increment">Add 1</a>
    <a class="btn" v-on:click="decrement">Remove 1</a>

    <span>[[ count ]]</span>
  </div>

  <script>

    const App = new Vue({
      el: '#app',
      delimiters: ['[[',']]'],
      data() {
        return {
          count: 1
        }
      },
      methods: {
        increment() {
          this.count++
        },
        decrement() {
          this.count--
        }
      }
    })

  </script>

Если вы посмотрите на мой файл ветки, вы увидите, например, переменная ветки {{ quantity }}.

Как использовать эту переменную ветки в моем приложении Vue.js? Таким образом, когда пользователь увеличивает значение <span>[[ count ]]</span> на 3. Это добавляет 3 к переменной {{ quantity }}?

1 Ответ

0 голосов
/ 13 марта 2020

В магазине не используется веточка. Он использует веточку. js для системы блоков. Например, для перезаписи определенных частей в шаблонах. Логика c должна быть реализована в компоненте vue. Пожалуйста, решите вашу полную проблему для получения дополнительной информации.

...