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

Как Получить атрибут в Vue.js?

<div id="app" class="ui segment">
		<div>123</div>
		  <div v-for="(user, index) in users">
		  	<div class="ui grid object_target">
		  			
		  			<div class="four wide column field">
		  				 <?= $form->field($model4, 'file[]')->fileInput(['multiple' => true, 'accept' => 'image/*']) ?>
		  			</div>
		  			<div class="two wide column field">
		  				<label style="font-weight: normal;font-size: 14px;" >Номер</label>
		  			    <input type="text" v-model="user.procent"    disabled="disabled"  name="dirFiles[num][]"    />
		  			
		  			</div>
		  			<div class="four wide column field">
		  			    
		  				<?= $form->field($model4, 'date_dog[]')->textInput(['maxlength' => true,'type'=>'date','disabled'=>$disabled,'value'=>date('Y-m-d',time()) ]);?>
		  			</div>
		  			<div class="three wide column field">
		  			   
		  				<?= $form->field($model4, 'cat_id[]')->dropDownList($dops,$params_cat_dop);?>
		  			</div>
		  			<div class="one wide column field">
		  				 <p @click="deleteUser(index)" class="ui button red" style="margin-top:20px;">
					      <i class="ui icon trash"></i>
					    </p>
		  			</div>
		  	</div>
		     
		   
		  
		   
		  </div>
		  
		  <p @click="addUser" class="ui button">
		    +
		  </p>
		  
		  
		</div>


new Vue({
  el: '#app',
  data: {
    users: [{ name: '',procent:'' }],
    message:'1',
     
  },
  methods: {
      addUser(index) {
      
      	var vm = this
	
      	this.users.push({
       	 	name: '',
        	procent: this.users.length+1,
    	});
    },
    deleteUser: function (index) {
      console.log(index);
      console.log(this.finds);
      this.users.splice(index, 1);
      if(index===0)
      this.addUser()
    },
  
  },
   computed: {
      percentTotal() {
      
      return this.users.reduce((acc, user) => acc + parseInt(user.procent, 10), 0)
      },
 	},
});

В диве где написано 123 туда собираюсь вставлять номер из базы.
Как через Vue.js узнать значение этого дива и в методе addUser использовать для значения procent?
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
0xD34F
@0xD34F
Используйте ref. В шаблоне, например:

<div data-bullshit-attribute="hello, world!!" ref="div"></div>

В коде:

const attrValue = this.$refs.div.getAttribute('data-bullshit-attribute');
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы