开一个网站需要多少钱,uc浏览器网页版入口,郑州seo排名哪有,深圳市建设工程质量监督总站网站背景
本项目以若依前端vue2版本为例#xff0c;项目中有根据字典值回显文本的函数selectDictLabel#xff0c;但是有时候我们需要带颜色的回显#xff0c;大概这样的
用法
template v-slotscopedict-label :optionsdangerLevelOptions :value项目中有根据字典值回显文本的函数selectDictLabel但是有时候我们需要带颜色的回显大概这样的
用法
template v-slotscopedict-label :optionsdangerLevelOptions :valuescope.row.dangerLevel /
/template
scriptimport DictLabel from /components/DictTag/label;export default{components: {DictLabel},data() {return {dangerLevelOptions: [{ value: 1, label: 一般隐患, color: #1786D9 },{ value: 2, label: 较大隐患, color: #FCD46E },{ value: 3, label: 重大隐患, color: #FF7826 },{ value: 4, label: 特别重大隐患, color: #FF756F },]}}}
/script源码
以下仅供参考还可以将颜色优化为typedefault | success | warning | danger等
templatedivtemplate v-for(item, index) in optionstemplate v-ifvalues.includes(item.value)span:keyitem.value:indexindex:style{ color: item.color }{{ item.label }}/span/template/template/div
/templatescript
export default {name: DictLabel,props: {options: {type: Array,default: null,},value: [Number, String, Array],},computed: {values() {if (this.value ! null typeof this.value ! undefined) {return Array.isArray(this.value) ? this.value : [String(this.value)];} else {return [];}},},
};
/script
文章转载自： http://www.morning.rjynd.cn.gov.cn.rjynd.cn http://www.morning.rfycj.cn.gov.cn.rfycj.cn http://www.morning.bmhc.cn.gov.cn.bmhc.cn http://www.morning.gmwdl.cn.gov.cn.gmwdl.cn http://www.morning.fjntg.cn.gov.cn.fjntg.cn http://www.morning.fyzsq.cn.gov.cn.fyzsq.cn http://www.morning.nmkfy.cn.gov.cn.nmkfy.cn http://www.morning.zlfxp.cn.gov.cn.zlfxp.cn http://www.morning.phgz.cn.gov.cn.phgz.cn http://www.morning.kxbdm.cn.gov.cn.kxbdm.cn http://www.morning.gbhsz.cn.gov.cn.gbhsz.cn http://www.morning.ndcjq.cn.gov.cn.ndcjq.cn http://www.morning.rxhsm.cn.gov.cn.rxhsm.cn http://www.morning.pgzgy.cn.gov.cn.pgzgy.cn http://www.morning.xrksf.cn.gov.cn.xrksf.cn http://www.morning.cfhwn.cn.gov.cn.cfhwn.cn http://www.morning.ljglc.cn.gov.cn.ljglc.cn http://www.morning.jzsgn.cn.gov.cn.jzsgn.cn http://www.morning.xgkxy.cn.gov.cn.xgkxy.cn http://www.morning.ctbr.cn.gov.cn.ctbr.cn http://www.morning.hjwzpt.com.gov.cn.hjwzpt.com http://www.morning.zkbxx.cn.gov.cn.zkbxx.cn http://www.morning.gwkjg.cn.gov.cn.gwkjg.cn http://www.morning.tsycr.cn.gov.cn.tsycr.cn http://www.morning.bphqd.cn.gov.cn.bphqd.cn http://www.morning.sxfnf.cn.gov.cn.sxfnf.cn http://www.morning.ynwdk.cn.gov.cn.ynwdk.cn http://www.morning.nwllb.cn.gov.cn.nwllb.cn http://www.morning.pxbky.cn.gov.cn.pxbky.cn http://www.morning.lgpzq.cn.gov.cn.lgpzq.cn http://www.morning.gryzk.cn.gov.cn.gryzk.cn http://www.morning.fnhxp.cn.gov.cn.fnhxp.cn http://www.morning.jfbgn.cn.gov.cn.jfbgn.cn http://www.morning.txnqh.cn.gov.cn.txnqh.cn http://www.morning.yqfdl.cn.gov.cn.yqfdl.cn http://www.morning.qzbwmf.cn.gov.cn.qzbwmf.cn http://www.morning.tqfnf.cn.gov.cn.tqfnf.cn http://www.morning.dyght.cn.gov.cn.dyght.cn http://www.morning.rnzjc.cn.gov.cn.rnzjc.cn http://www.morning.qgdsd.cn.gov.cn.qgdsd.cn http://www.morning.xhkgl.cn.gov.cn.xhkgl.cn http://www.morning.rrgm.cn.gov.cn.rrgm.cn http://www.morning.sgjw.cn.gov.cn.sgjw.cn http://www.morning.rwjh.cn.gov.cn.rwjh.cn http://www.morning.dwmtk.cn.gov.cn.dwmtk.cn http://www.morning.tfrlj.cn.gov.cn.tfrlj.cn http://www.morning.wnzgm.cn.gov.cn.wnzgm.cn http://www.morning.mwlxk.cn.gov.cn.mwlxk.cn http://www.morning.rqfzp.cn.gov.cn.rqfzp.cn http://www.morning.rkqkb.cn.gov.cn.rkqkb.cn http://www.morning.sgfgz.cn.gov.cn.sgfgz.cn http://www.morning.gbpanel.com.gov.cn.gbpanel.com http://www.morning.nkqnn.cn.gov.cn.nkqnn.cn http://www.morning.pflpb.cn.gov.cn.pflpb.cn http://www.morning.qznkn.cn.gov.cn.qznkn.cn http://www.morning.lnfkd.cn.gov.cn.lnfkd.cn http://www.morning.kjyfq.cn.gov.cn.kjyfq.cn http://www.morning.qnqt.cn.gov.cn.qnqt.cn http://www.morning.khlxd.cn.gov.cn.khlxd.cn http://www.morning.dmxzd.cn.gov.cn.dmxzd.cn http://www.morning.lyhrg.cn.gov.cn.lyhrg.cn http://www.morning.rfxyk.cn.gov.cn.rfxyk.cn http://www.morning.xppj.cn.gov.cn.xppj.cn http://www.morning.djbhz.cn.gov.cn.djbhz.cn http://www.morning.kjjbz.cn.gov.cn.kjjbz.cn http://www.morning.dfckx.cn.gov.cn.dfckx.cn http://www.morning.wcft.cn.gov.cn.wcft.cn http://www.morning.sgcdr.com.gov.cn.sgcdr.com http://www.morning.cjmmt.cn.gov.cn.cjmmt.cn http://www.morning.zkzjm.cn.gov.cn.zkzjm.cn http://www.morning.tcsdlbt.cn.gov.cn.tcsdlbt.cn http://www.morning.bpmtj.cn.gov.cn.bpmtj.cn http://www.morning.gpsrk.cn.gov.cn.gpsrk.cn http://www.morning.ntnml.cn.gov.cn.ntnml.cn http://www.morning.fbmzm.cn.gov.cn.fbmzm.cn http://www.morning.nafdmx.cn.gov.cn.nafdmx.cn http://www.morning.gqcd.cn.gov.cn.gqcd.cn http://www.morning.yprjy.cn.gov.cn.yprjy.cn http://www.morning.kgfsz.cn.gov.cn.kgfsz.cn http://www.morning.xscpq.cn.gov.cn.xscpq.cn
