Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello-uvue
提交
c8a899f7
H
hello-uvue
项目概览
DCloud
/
hello-uvue
通知
350
Star
2
Fork
7
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello-uvue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
c8a899f7
编写于
1月 17, 2024
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(composition api): defineExpose
上级
525cad9a
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
65 addition
and
6 deletion
+65
-6
components/define-expose-foo/define-expose-foo.uvue
components/define-expose-foo/define-expose-foo.uvue
+14
-0
pages/composition-api/basic/define-expose/define-expose.test.js
...composition-api/basic/define-expose/define-expose.test.js
+26
-0
pages/composition-api/basic/define-expose/define-expose.uvue
pages/composition-api/basic/define-expose/define-expose.uvue
+24
-5
pages/tab-bar/composition-api.uvue
pages/tab-bar/composition-api.uvue
+1
-1
未找到文件。
components/define-expose-foo/define-expose-foo.uvue
0 → 100644
浏览文件 @
c8a899f7
<script setup>
const str = 'foo str'
const num = ref(0)
const increment = () => {
num.value++
}
defineExpose({
str,
num,
increment
})
</script>
pages/composition-api/basic/define-expose/define-expose.test.js
0 → 100644
浏览文件 @
c8a899f7
const
PAGE_PATH
=
'
/pages/composition-api/basic/define-expose/define-expose
'
describe
(
'
defineExpose
'
,
()
=>
{
if
(
process
.
env
.
uniTestPlatformInfo
.
startsWith
(
'
android
'
))
{
let
page
=
null
beforeAll
(
async
()
=>
{
page
=
await
program
.
reLaunch
(
PAGE_PATH
)
await
page
.
waitFor
(
'
view
'
)
})
it
(
'
basic
'
,
async
()
=>
{
const
fooStr
=
await
page
.
$
(
'
#foo-str
'
)
expect
(
await
fooStr
.
text
()).
toBe
(
'
str from component Foo: foo str
'
)
const
fooNum
=
await
page
.
$
(
'
#foo-num
'
)
expect
(
await
fooNum
.
text
()).
toBe
(
'
num from component Foo: 0
'
)
const
incrementBtn
=
await
page
.
$
(
'
#increment-btn
'
)
await
incrementBtn
.
tap
()
expect
(
await
fooNum
.
text
()).
toBe
(
'
num from component Foo: 1
'
)
})
}
else
{
it
(
'
other platform
'
,
()
=>
{
expect
(
1
).
toBe
(
1
)
})
}
})
\ No newline at end of file
pages/composition-api/basic/define-expose/define-expose.uvue
浏览文件 @
c8a899f7
<template>
<template>
<view class="page"> defineExpose </view>
<view class="page">
</template>
<define-expose-foo ref='fooRef' />
<text id="foo-str" class="uni-common-mt">str from component Foo: {{fooStr}}</text>
<script setup></script>
<text id="foo-num" class="uni-common-mt">num from component Foo: {{fooNum}}</text>
<button id="increment-btn" class="uni-common-mt" @click="increment">trigger Foo increment</button>
</view>
</template>
<script setup>
const fooRef = ref<DefineExposeFooComponentPublicInstance | null>(null)
const fooStr = ref('')
const fooNum = ref<number>(0)
onMounted(() => {
fooStr.value = fooRef.value!.str
fooNum.value = fooRef.value!.num
})
const increment = () => {
fooRef.value!.increment()
fooNum.value = fooRef.value!.num
}
</script>
pages/tab-bar/composition-api.uvue
浏览文件 @
c8a899f7
...
@@ -55,7 +55,7 @@
...
@@ -55,7 +55,7 @@
{
{
name: 'defineExpose',
name: 'defineExpose',
url: 'define-expose',
url: 'define-expose',
enable:
fals
e,
enable:
tru
e,
},
},
{
{
name: 'defineOptions',
name: 'defineOptions',
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录