2 компонента, один для отображения, один для изменения?

johnohod спросил: 11 марта 2019 в 07:31 в: vue.js

Я хотел бы иметь два компонента: один для отображения значения и один для его изменения в текстовом поле. Я не могу заставить это работать? Есть ли другой способ сделать это?

Я получаю это сообщение об ошибке: "Избегайте прямого изменения объекта, так как значение будет перезаписываться при каждом повторном рендеринге родительского компонента. Вместо этого используйте данные или вычисленное свойство на основе". на значение реквизита. Мутирует реквизит:"forpris""

 Vue.component('prislapp-forpris', {
   	      props: ['forpris'],
   	      template: '<div class="prislappForpris">[[ forpris ]],-</div>',
   	      delimiters: ['[[',']]']
	   });
	   
	   Vue.component('input-forpris', {
   	      props: ['forpris'],
   	      template: '<input type="text" v-model="forpris" />'
	   });
	         
      var app = new Vue({
        el: '.previewPage',
        data: {
            lapp: {
               id: 1,
               forpris: 30595
            }
         }
      });

0 ответов