@dauren101
C++, Java, Python, PHP developer

Отправить в created параметр из html структуры vue.js?

<div id="app">
  <h1>Add user</h1>
  <div v-for="(user, index) in users">
    <select v-model="user.name">
      <option value="">Выбрать</option>
      <option v-for="o in getOptions(index)" :value="o.value" v-text="o.label"></option>
    </select>
    <input v-model="user.procent">

    <button @click="deleteUser(index)">
      delete
    </button>
  </div>

  <button @click="addUser" :disabled="users.length >= options.length">
    New User
  </button>

  <pre>{{ users }}</pre>
  <pre>{{ percentTotal }}</pre>
</div>


new Vue({
  el: '#app',
  data: {
    users: [{ name: '', procent: '' }],
    options: [
      { label: 'Иванов', value: 'ivanov' },
      { label: 'Петров', value: 'petrov' },
      { label: 'Титарев', value: 'titarev' },
    ]
  },
  methods: {
    getOptions(index) {
      return this.options.filter(o => this.users.every((u, i) => u.name !== o.value || i === index));
    },
    addUser() {
      this.users.push({ name: '',procent:'' });
    },
    deleteUser(index) {
      this.users.splice(index, 1);
      if (this.users.length === 0) {
        this.addUser();
      }
    },
  },
   created: function () {
    // Alias the component instance as `vm`, so that we  
    // can access it inside the promise function
    var vm = this
     param = {
	 
	  id: 1,
	  
	};
    // Fetch our array of posts from an API
    fetch('https://site.kz/pm/default/quarters', {
  	  method: 'post',
  	  body: JSON.stringify(param),
	})
      .then(function (response) {
        return response.json()
      })
      .then(function (data) {
        vm.options = data
      })
  },
  computed: {
    percentTotal() {
      return this.users.reduce((acc, user) => acc + parseInt(user.procent, 10), 0)
    },
 	},
});


Вопрос: в created в param id отправляю 1, необходимо взять это число из структуры html, которая постоянно меняется (НЕ статику). Подскажите как это сделать?
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
kleinmaximus
@kleinmaximus
Все должно передаваться через props, либо сразу инициализироваться в data, либо запрашиваться через ajax запрос.
Не нужно ничего из структуры html передавать в created! Когда же забудут уже этот jquery?!
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Страховой Кабинет Нижний Новгород
от 60 000 до 90 000 руб.
от 90 000 до 220 000 руб.
Posh Space Москва
от 160 000 до 180 000 руб.
22 июл. 2019, в 08:24
100000 руб./за проект
22 июл. 2019, в 07:20
3000 руб./за проект
22 июл. 2019, в 07:13
150000 руб./за проект