Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
U
uview-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
李晖
uview-ui
Commits
6c668f0c
Commit
6c668f0c
authored
Jun 22, 2020
by
wlxuqu
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
collapse组件新增init()重新初始化方法,用于异步渲染的场景
parent
fa59035c
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
79 additions
and
32 deletions
+79
-32
pages.json
pages.json
+8
-8
index.vue
pages/componentsC/test/index.vue
+57
-20
u-collapse-item.vue
uview-ui/components/u-collapse-item/u-collapse-item.vue
+7
-3
u-collapse.vue
uview-ui/components/u-collapse/u-collapse.vue
+6
-0
u-verification-code.vue
...ui/components/u-verification-code/u-verification-code.vue
+1
-1
No files found.
pages.json
View file @
6c668f0c
...
...
@@ -2,14 +2,14 @@
"easycom"
:
{
"^u-(.*)"
:
"@/uview-ui/components/u-$1/u-$1.vue"
},
//
"condition"
:
{
//模式配置,仅开发期间生效
//
"current"
:
0
,
//当前激活的模式(list
的索引项)
//
"list"
:
[{
//
"name"
:
"test"
,
//模式名称
//
"path"
:
"pages/componentsC/popup
/index"
,
//启动页面,必选
//
"query"
:
"id=1&name=2"
//启动参数,在页面的onLoad函数里面得到
//
}]
//
},
"condition"
:
{
//模式配置,仅开发期间生效
"current"
:
0
,
//当前激活的模式(list
的索引项)
"list"
:
[{
"name"
:
"test"
,
//模式名称
"path"
:
"pages/componentsC/test
/index"
,
//启动页面,必选
"query"
:
"id=1&name=2"
//启动参数,在页面的onLoad函数里面得到
}]
},
"pages"
:
[
//
演示-组件
{
...
...
pages/componentsC/test/index.vue
View file @
6c668f0c
<
template
>
<u-upload
:before-upload=
"beforeUpload"
></u-upload>
<view>
<u-checkbox-group
@
change=
"checkboxGroupChange1"
>
<view
class=
""
v-for=
"(item, index) in list1"
:key=
"index"
>
<image
:src=
"item.image"
mode=
""
></image>
<u-checkbox
v-model=
"item.checked"
:name=
"item.name"
>
{{
item
.
name
}}
</u-checkbox>
</view>
</u-checkbox-group>
<view
class=
""
>
-------------------------------------------------------------------------------------
</view>
<u-checkbox-group
@
change=
"checkboxGroupChange2"
>
<view
class=
""
v-for=
"(item, index) in list2"
:key=
"index"
>
<image
:src=
"addUrl(item.image)"
mode=
""
></image>
<u-checkbox
v-model=
"item.checked"
:name=
"item.name"
>
{{
item
.
name
}}
</u-checkbox>
</view>
</u-checkbox-group>
</view>
</
template
>
<
script
>
export
default
{
methods
:
{
beforeUpload
(
index
,
list
)
{
// 返回一个promise
return
new
Promise
((
resolve
,
reject
)
=>
{
this
.
$u
.
post
(
'
http://www.tp5.com/index.php/index/index/hello
'
).
then
(
res
=>
{
// resolve()之后,将会进入promise的组件内部的then回调,相当于返回true
resolve
();
}).
catch
(
err
=>
{
// reject()之后,将会进入promise的组件内部的catch回调,相当于返回false
reject
();
})
})
export
default
{
data
()
{
return
{
list1
:
[
{
name
:
'
item-1
'
,
checked
:
false
,
image
:
'
https://qiniu.jieyoukj.cn/vote/2020/5/20/11:34:7/14yvkka1oqadcxr1592624047805
'
},
{
name
:
'
item-2
'
,
checked
:
false
,
image
:
'
https://qiniu.jieyoukj.cn/vote/2020/5/20/11:34:7/14yvkka1oqadcxr1592624047805
'
}
],
list2
:
[
{
name
:
'
item-1
'
,
checked
:
false
,
image
:
'
/vote/2020/5/20/11:34:7/14yvkka1oqadcxr1592624047805
'
},
{
name
:
'
item-2
'
,
checked
:
false
,
image
:
'
/vote/2020/5/20/11:34:7/14yvkka1oqadcxr1592624047805
'
}
]
};
},
methods
:
{
// 选中任一checkbox时,由checkbox-group触发
checkboxGroupChange1
(
e
)
{
console
.
log
(
e
);
},
checkboxGroupChange2
(
e
)
{
console
.
log
(
e
);
},
addUrl
(
url
)
{
return
'
https://qiniu.jieyoukj.cn
'
+
url
;
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
.wrap
{
padding
:
40rpx
;
}
</
style
>
\ No newline at end of file
<
style
lang=
"scss"
></
style
>
uview-ui/components/u-collapse-item/u-collapse-item.vue
View file @
6c668f0c
...
...
@@ -94,9 +94,7 @@
};
},
mounted
()
{
this
.
$nextTick
(()
=>
{
this
.
queryRect
();
});
this
.
init
();
},
watch
:
{
open
(
val
)
{
...
...
@@ -123,6 +121,12 @@
this
.
hoverClass
=
this
.
uCollapse
.
hoverClass
;
},
methods
:
{
// 异步获取内容,或者动态修改了内容时,需要重新初始化
init
()
{
this
.
$nextTick
(()
=>
{
this
.
queryRect
();
});
},
// 点击collapsehead头部
headClick
()
{
if
(
this
.
disabled
)
return
;
...
...
uview-ui/components/u-collapse/u-collapse.vue
View file @
6c668f0c
...
...
@@ -77,6 +77,12 @@
}
},
methods
:
{
// 重新初始化一次内部的所有子元素的高度计算,用于异步获取数据渲染的情况
init
()
{
this
.
childrens
.
forEach
((
vm
,
index
)
=>
{
vm
.
init
();
})
},
// collapse item被点击,由collapse item调用父组件方法
onChange
()
{
let
activeItem
=
[];
...
...
uview-ui/components/u-verification-code/u-verification-code.vue
View file @
6c668f0c
<
template
>
<view
class=
"u-code-wrap"
>
<!-- 此组件功能由js完成,无需写html逻辑 -->
</view>
</
template
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment