Set Standardwert Option wählen Sie die Menü

Question

Ich möchte ein benutzerdefiniertes Attribut auf eine Option wählen Sie das Menü binden. Der <option> Tag würde einfach hat ein Attribut 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: "" 
} 

Das funktioniert nicht, aber wenn ich v-bind:selected-v-bind:class ändere dann erhält er die entsprechende Klasse, so die Logik arbeitet, aber nicht mit dem selected Attribute.

Jede Art und Weise, um es mit einer solchen benutzerdefinierte Attribute funktioniert?

Answer 1

Sie können nur v-model verwenden, um einen Standardwert für ein Auswahlfeld für die Auswahl:

Markup:

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

Ansicht Modell:

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

Hier ist der JSFiddle: https://jsfiddle.net/Lxfxyqmf/