java提示框easyui风格_EasyUI 标签框风格(TagBox Style)_Vue EasyUI Demo

源代码

TagBox Style

valueField="id"

textField="text"

placeholder="Select a Language"

:limitToList="true"

:hasDownArrow="true"

:data="data"

:tagCss="tagCss">

{{value}}

export default {

data() {

return {

value: ["3", "4"],

data: [

{

id: "1",

text: "Java"

},

{

id: "2",

text: "C#"

},

{

id: "3",

text: "Ruby"

},

{

id: "4",

text: "Perl"

},

{

id: "5",

text: "Basic"

}

]

};

},

methods: {

tagCss(row) {

if (row.id == 3) {

return {

background: "#ffd7d7",

color: "#c65353"

};

} else if (row.id == 4) {

return {

background: "#b8eecf",

color: "#45872c"

};

} else {

return null;

}

}

}

};