v-if is not working in <template> tag

[Anshul-Batra]

Hi,

I have implemented dropdown functionality to add an extra --select--

and i have used v-if to make it selected or non-selected... Based on the templateObj value in Vue.data try the following combination:

templateobj: {messageEncoding:'utf-8'} --> value selected by default should be 'UTF-8' templateobj: {messageEncoding:''} --> value selected by default should be '--select--' templateobj: {} --> value selected by default should be '--select--'

The above combination are working fine in all the browsers except ID. In IE i am getting --Select-- as always selected in dropdown. Please provide a solution.

Below is the jsfiddle url..

http://jsfiddle.net/8wtd6sz3/

[yyx990803]

Elements like select and table have restrictions on what elements could appear inside them. The proper usage here is use the options directive param here: http://vuejs.org/guide/forms.html#Dynamic_Select_Options