java提示框easyui风格_EasyUI 标签框风格(TagBox Style)_Vue EasyUI Demo
生活随笔
收集整理的這篇文章主要介紹了
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;
}
}
}
};
總結
以上是生活随笔為你收集整理的java提示框easyui风格_EasyUI 标签框风格(TagBox Style)_Vue EasyUI Demo的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java中的关键字有哪些_java关键字
- 下一篇： python 点_Python中的方括号