Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
前端资源
RuoYi-Vue
提交
af15a3b2
R
RuoYi-Vue
项目概览
前端资源
/
RuoYi-Vue
大约 1 年 前同步成功
通知
5
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
R
RuoYi-Vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
af15a3b2
编写于
4月 23, 2023
作者:
若
若依
提交者:
Gitee
4月 23, 2023
浏览文件
操作
浏览文件
下载
差异文件
!704 Vue的DictTag组件,当value没有匹配的值时,展示value
Merge pull request !704 from Aurora/master
上级
6ad34533
4952ac0a
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
43 addition
and
3 deletion
+43
-3
ruoyi-ui/src/components/DictTag/index.vue
ruoyi-ui/src/components/DictTag/index.vue
+43
-3
未找到文件。
ruoyi-ui/src/components/DictTag/index.vue
浏览文件 @
af15a3b2
...
...
@@ -7,7 +7,7 @@
:key=
"item.value"
:index=
"index"
:class=
"item.raw.cssClass"
>
{{
item
.
label
}}
</span
>
{{
item
.
label
+
'
'
}}
</span
>
<el-tag
v-else
...
...
@@ -17,10 +17,13 @@
:type=
"item.raw.listClass == 'primary' ? '' : item.raw.listClass"
:class=
"item.raw.cssClass"
>
{{
item
.
label
}}
{{
item
.
label
+
'
'
}}
</el-tag>
</
template
>
</template>
<
template
v-if=
"unmatch && showValue"
>
{{
unmatchArray
|
handleArray
}}
</
template
>
</div>
</template>
...
...
@@ -33,6 +36,16 @@ export default {
default
:
null
,
},
value
:
[
Number
,
String
,
Array
],
// 当未找到匹配的数据时,显示value
showValue
:
{
type
:
Boolean
,
default
:
true
,
}
},
data
()
{
return
{
unmatchArray
:
[],
// 记录未匹配的项
}
},
computed
:
{
values
()
{
...
...
@@ -42,11 +55,38 @@ export default {
return
[];
}
},
unmatch
(){
this
.
unmatchArray
=
[];
if
(
this
.
value
!==
null
&&
typeof
this
.
value
!==
'
undefined
'
)
{
// 传入值为非数组
if
(
!
Array
.
isArray
(
this
.
value
)){
if
(
this
.
options
.
some
(
v
=>
v
.
value
==
this
.
value
))
return
false
;
this
.
unmatchArray
.
push
(
this
.
value
);
return
true
;
}
// 传入值为Array
this
.
value
.
forEach
(
item
=>
{
if
(
!
this
.
options
.
some
(
v
=>
v
.
value
==
item
))
this
.
unmatchArray
.
push
(
item
)
});
return
true
;
}
// 没有value不显示
return
false
;
},
},
filters
:
{
handleArray
(
array
)
{
if
(
array
.
length
===
0
)
return
''
;
return
array
.
reduce
((
pre
,
cur
)
=>
{
return
pre
+
'
'
+
cur
;
})
},
}
};
</
script
>
<
style
scoped
>
.el-tag
+
.el-tag
{
margin-left
:
10px
;
}
</
style
>
\ No newline at end of file
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录