0

Como posso realizar o seguinte procedimento para atualizar os dados a partir de uma diretiva no vue.

var select = Vue.directive('select', {
	twoWay: true,
	bind: function(el, binding, vnode){
		
    // Como acessar op ?????
  	// this.set()
  }
})

new Vue({
	el: '#demo',
    data: function(){
  	return {
    	op: 2
    }
  }
});
select{
  width:200px;
  padding:5px;
 }
<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="demo">
  <p>Opção: {{ op }}</p>
  <select v-select>
    <option v-bind:value="1">1</option>
    <option v-bind:value="2">2</option>
  </select>
</div>

2
  • 1
    @JJay não consegui entender muito bem o objetivo dessa sua implementação. O que você deseja alcançar? Por que não usar um v-model para atualizar os dados?
    – Nocttuam
    Commented 29/11/2016 às 19:26
  • Estou utilizando Materialize em um projeto, e alguns recursos utilizam o jQuery, neste caso, no campo select utilizaria o método .change() do jQuery para interceptar e então atualizar o valor do model e fazer valer no escopo do Vue.
    – JJJay
    Commented 3/12/2016 às 14:19

1 Resposta 1

-1

A propriedade TwoWay foi removida na versão 2 do Vue. A melhor maneira de fazer o que deseja é simplesmente usar a diretiva nativa do Vue.js criada para isso o v-model. Com ele poderá atualizar um conteúdo a partir do valor do select.

new Vue({
  el: '#demo',
  data: function() {
    return {
      op: 2
    }
  }
});
select {
  width: 200px;
  padding: 5px;
}
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="demo">
  <p>Opção: {{ op }}</p>
  <select v-model='op'>
    <option v-bind:value="1">1</option>
    <option v-bind:value="2">2</option>
  </select>
</div>

1
  • Dessa maneira funciona. Entretanto, no Materialize o campo select é escondido e uma lista estilizada simula suas ações, sendo assim, o controle de tais ações são realizadas pelo jQuery a fim de propaga-las para o respectivo campo select.
    – JJJay
    Commented 7/12/2016 às 11:43

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .