Varsayılan değeri seç menüden seç

Question

Seçenek seç menüsüne özel bir özellik bağlamak istiyorum. <option> etiketi basitçe Bu işe yaramazsa selected="selected"

<template> 
    <div> 
    <select> 
     <option v-for="" v-bind:selected="[condition ? selected : notSelected]" value="">{{ resource.xprm_name }}</option> 
    </select> 
    </div> 
</template> 

data: { 
    selected: "selected", 
    notSelected: "" 
} 

bir niteliğini olurdu ama v-bind:class için v-bind:selected değiştirirseniz o zaman selected özniteliği ile uygun sınıf aldığında, bu nedenle mantık çalışıyor ama.

Özel nitelikler ile çalışmasını sağlamanın herhangi bir yolu var mı?

Biçimlendirme:

<div id="app"> 
    <select v-model="selected"> 
    <option value="foo">foo</option> 
    <option value="bar">Bar</option> 
    <option value="baz">Baz</option> 
    </select> 
</div> 

Görünüm Modeli:

new Vue({ 
    el: "#app", 
    data: { 
    selected: 'bar' 
    } 
}); 

İşte

var JSFiddle:

Answer 1

sadece seçilmiş bir kutuyu varsayılan bir değer seçmek için v-model kullanabilirsiniz https://jsfiddle.net/Lxfxyqmf/