Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
C
center-qa
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
center-qa
Commits
d15933b0
提交
d15933b0
authored
3月 01, 2022
作者:
王鹏飞
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
QuestionTypeTreeselect组件新增搜索
上级
0c5cd13d
显示空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
12 行增加
和
0 行删除
+12
-0
QuestionTypeTreeselect.vue
src/components/base/QuestionTypeTreeselect.vue
+12
-0
没有找到文件。
src/components/base/QuestionTypeTreeselect.vue
浏览文件 @
d15933b0
...
@@ -8,6 +8,8 @@
...
@@ -8,6 +8,8 @@
@
remove-tag=
"handleRemoveTag"
@
remove-tag=
"handleRemoveTag"
ref=
"select"
ref=
"select"
>
>
<div
style=
"margin: 10px 14px"
>
<el-input
placeholder=
"搜索"
v-model=
"filterText"
clearable
style=
"margin-bottom: 10px"
></el-input>
<el-tree
<el-tree
node-key=
"id"
node-key=
"id"
show-checkbox
show-checkbox
...
@@ -15,11 +17,13 @@
...
@@ -15,11 +17,13 @@
:defaultExpandedKeys=
"defaultExpandedKeys"
:defaultExpandedKeys=
"defaultExpandedKeys"
:props=
"defaultProps"
:props=
"defaultProps"
:check-strictly=
"checkStrictly"
:check-strictly=
"checkStrictly"
:filter-node-method=
"filterNode"
@
check-change=
"handleChange"
@
check-change=
"handleChange"
v-bind=
"$attrs"
v-bind=
"$attrs"
v-on=
"$listeners"
v-on=
"$listeners"
ref=
"tree"
ref=
"tree"
></el-tree>
></el-tree>
</div>
</el-select>
</el-select>
</
template
>
</
template
>
...
@@ -33,6 +37,7 @@ export default {
...
@@ -33,6 +37,7 @@ export default {
},
},
data
()
{
data
()
{
return
{
return
{
filterText
:
''
,
selectValue
:
[],
selectValue
:
[],
options
:
[],
options
:
[],
defaultExpandedKeys
:
[]
defaultExpandedKeys
:
[]
...
@@ -44,6 +49,9 @@ export default {
...
@@ -44,6 +49,9 @@ export default {
handler
()
{
handler
()
{
this
.
setChecked
()
this
.
setChecked
()
}
}
},
filterText
(
val
)
{
this
.
$refs
.
tree
.
filter
(
val
)
}
}
},
},
computed
:
{
computed
:
{
...
@@ -83,6 +91,10 @@ export default {
...
@@ -83,6 +91,10 @@ export default {
}
}
this
.
selectValue
=
this
.
multiple
?
nodes
:
nodes
.
map
(
item
=>
item
.
category_name
)
this
.
selectValue
=
this
.
multiple
?
nodes
:
nodes
.
map
(
item
=>
item
.
category_name
)
},
},
filterNode
(
value
,
data
)
{
if
(
!
value
)
return
true
return
data
.
category_name
.
indexOf
(
value
)
!==
-
1
},
handleChange
(
data
,
checked
)
{
handleChange
(
data
,
checked
)
{
const
RefTree
=
this
.
$refs
.
tree
const
RefTree
=
this
.
$refs
.
tree
if
(
!
this
.
multiple
&&
checked
)
{
if
(
!
this
.
multiple
&&
checked
)
{
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论