Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
5cce32fa
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3227
Star
106
Fork
819
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
95
列表
看板
标记
里程碑
合并请求
72
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
95
Issue
95
列表
看板
标记
里程碑
合并请求
72
合并请求
72
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
5cce32fa
编写于
12月 20, 2023
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs(uni-app x): 移除1.0关于 uni-app x 兼容性的重复说明
上级
9cc69eb5
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
30 addition
and
60 deletion
+30
-60
docs/api/router.md
docs/api/router.md
+5
-5
docs/collocation/pages.md
docs/collocation/pages.md
+24
-24
docs/tutorial/vue3-basics.md
docs/tutorial/vue3-basics.md
+0
-12
docs/tutorial/vue3-components.md
docs/tutorial/vue3-components.md
+1
-19
未找到文件。
docs/api/router.md
浏览文件 @
5cce32fa
...
@@ -7,9 +7,9 @@
...
@@ -7,9 +7,9 @@
|参数|类型|必填|默认值|说明|平台差异说明|
|参数|类型|必填|默认值|说明|平台差异说明|
|:-|:-|:-|:-|:-|:-|
|:-|:-|:-|:-|:-|:-|
|url|String|是||需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2',path为下一个页面的路径,下一个页面的onLoad函数可得到传递的参数| |
|url|String|是||需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2',path为下一个页面的路径,下一个页面的onLoad函数可得到传递的参数| |
|animationType|String|否|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
api/router?id=animation
)
|App
(uni-app x 不支持)
|
|animationType|String|否|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
api/router?id=animation
)
|App|
|animationDuration|Number|否|300|窗口动画持续时间,单位为 ms|App
(uni-app x 不支持)
|
|animationDuration|Number|否|300|窗口动画持续时间,单位为 ms|App|
|events|Object|否||页面间通信接口,用于监听被打开页面发送到当前页面的数据。2.8.9+ 开始支持。|
uni-app x 不支持
|
|events|Object|否||页面间通信接口,用于监听被打开页面发送到当前页面的数据。2.8.9+ 开始支持。||
|success|Function|否||接口调用成功的回调函数||
|success|Function|否||接口调用成功的回调函数||
|fail|Function|否||接口调用失败的回调函数||
|fail|Function|否||接口调用失败的回调函数||
|complete|Function|否||接口调用结束的回调函数(调用成功、失败都会执行)|
|
|complete|Function|否||接口调用结束的回调函数(调用成功、失败都会执行)|
|
...
@@ -200,8 +200,8 @@ uni.switchTab({
...
@@ -200,8 +200,8 @@ uni.switchTab({
|参数|类型|必填|默认值|说明|平台差异说明|
|参数|类型|必填|默认值|说明|平台差异说明|
|:-|:-|:-|:-|:-|:-|
|:-|:-|:-|:-|:-|:-|
|delta|Number|否|1|返回的页面数,如果 delta 大于现有页面数,则返回到首页。||
|delta|Number|否|1|返回的页面数,如果 delta 大于现有页面数,则返回到首页。||
|animationType|String|否|pop-out|窗口关闭的动画效果,详见:
[
窗口动画
](
api/router?id=animation
)
|App
(uni-app x 不支持)
|
|animationType|String|否|pop-out|窗口关闭的动画效果,详见:
[
窗口动画
](
api/router?id=animation
)
|App|
|animationDuration|Number|否|300|窗口关闭动画的持续时间,单位为 ms|App
(uni-app x 不支持)
|
|animationDuration|Number|否|300|窗口关闭动画的持续时间,单位为 ms|App|
|success|Function|否||接口调用成功的回调函数||
|success|Function|否||接口调用成功的回调函数||
|fail|Function|否||接口调用失败的回调函数||
|fail|Function|否||接口调用失败的回调函数||
|complete|Function|否||接口调用结束的回调函数(调用成功、失败都会执行)||
|complete|Function|否||接口调用结束的回调函数(调用成功、失败都会执行)||
...
...
docs/collocation/pages.md
浏览文件 @
5cce32fa
...
@@ -12,13 +12,13 @@
...
@@ -12,13 +12,13 @@
|
[
easycom
](
/collocation/pages?id=easycom
)
|Object|否|组件自动引入规则|2.5.5+|
|
[
easycom
](
/collocation/pages?id=easycom
)
|Object|否|组件自动引入规则|2.5.5+|
|
[
tabBar
](
/collocation/pages?id=tabbar
)
|Object|否|设置底部 tab 的表现||
|
[
tabBar
](
/collocation/pages?id=tabbar
)
|Object|否|设置底部 tab 的表现||
|
[
condition
](
/collocation/pages?id=condition
)
|Object|否|启动模式配置||
|
[
condition
](
/collocation/pages?id=condition
)
|Object|否|启动模式配置||
|
[
subPackages
](
/collocation/pages?id=subPackages
)
|Object Array|否|分包加载配置|H5
、uni-app x
不支持|
|
[
subPackages
](
/collocation/pages?id=subPackages
)
|Object Array|否|分包加载配置|H5 不支持|
|
[
preloadRule
](
/collocation/pages?id=preloadrule
)
|Object|否|分包预下载规则|微信小程序|
|
[
preloadRule
](
/collocation/pages?id=preloadrule
)
|Object|否|分包预下载规则|微信小程序|
|
[
workers
](
https://developers.weixin.qq.com/miniprogram/dev/framework/workers.html
)
|String|否|
`Worker`
代码放置的目录|微信小程序|
|
[
workers
](
https://developers.weixin.qq.com/miniprogram/dev/framework/workers.html
)
|String|否|
`Worker`
代码放置的目录|微信小程序|
|
[
leftWindow
](
/collocation/pages?id=leftwindow
)
|Object|否|大屏左侧窗口|H5|
|
[
leftWindow
](
/collocation/pages?id=leftwindow
)
|Object|否|大屏左侧窗口|H5|
|
[
topWindow
](
/collocation/pages?id=topwindow
)
|Object|否|大屏顶部窗口|H5|
|
[
topWindow
](
/collocation/pages?id=topwindow
)
|Object|否|大屏顶部窗口|H5|
|
[
rightWindow
](
/collocation/pages?id=rightwindow
)
|Object|否|大屏右侧窗口|H5|
|
[
rightWindow
](
/collocation/pages?id=rightwindow
)
|Object|否|大屏右侧窗口|H5|
|
[
uniIdRouter
](
https://doc.dcloud.net.cn/uniCloud/uni-id/summary.html#uni-id-router
)
|Object|否|自动跳转相关配置,新增于HBuilderX 3.5.0|
uni-app x 不支持
|
|
[
uniIdRouter
](
https://doc.dcloud.net.cn/uniCloud/uni-id/summary.html#uni-id-router
)
|Object|否|自动跳转相关配置,新增于HBuilderX 3.5.0||
|entryPagePath|String|否|默认启动首页,新增于HBuilderX 3.7.0|微信小程序、支付宝小程序|
|entryPagePath|String|否|默认启动首页,新增于HBuilderX 3.7.0|微信小程序、支付宝小程序|
以下是一个包含了所有配置选项的
`pages.json`
:
以下是一个包含了所有配置选项的
`pages.json`
:
...
@@ -142,15 +142,15 @@
...
@@ -142,15 +142,15 @@
|backgroundColor|HexColor|#ffffff|下拉显示出来的窗口的背景色|微信小程序|
|backgroundColor|HexColor|#ffffff|下拉显示出来的窗口的背景色|微信小程序|
|backgroundTextStyle|String|dark|下拉 loading 的样式,仅支持 dark / light|微信小程序|
|backgroundTextStyle|String|dark|下拉 loading 的样式,仅支持 dark / light|微信小程序|
|enablePullDownRefresh|Boolean|false|是否开启下拉刷新,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
。||
|enablePullDownRefresh|Boolean|false|是否开启下拉刷新,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
。||
|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离,单位只支持px,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
|
uni-app x 不支持
|
|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离,单位只支持px,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
||
|backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|titleImage|String||导航栏图片地址(替换当前文字标题),支付宝小程序内必须使用https的图片链接地址|支付宝小程序、H5、APP
(uni-app x 不支持)
|
|titleImage|String||导航栏图片地址(替换当前文字标题),支付宝小程序内必须使用https的图片链接地址|支付宝小程序、H5、APP|
|transparentTitle|String|none|导航栏整体(前景、背景)透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序、H5、APP
(uni-app x 不支持)
|
|transparentTitle|String|none|导航栏整体(前景、背景)透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序、H5、APP|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序、H5|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序、H5|
|pageOrientation|String|portrait|横屏配置,屏幕旋转设置,仅支持 auto / portrait / landscape 详见
[
响应显示区域变化
](
https://developers.weixin.qq.com/miniprogram/dev/framework/view/resizable.html
)
|App 2.4.7+
(uni-app x 不支持)
、微信小程序、QQ小程序|
|pageOrientation|String|portrait|横屏配置,屏幕旋转设置,仅支持 auto / portrait / landscape 详见
[
响应显示区域变化
](
https://developers.weixin.qq.com/miniprogram/dev/framework/view/resizable.html
)
|App 2.4.7+、微信小程序、QQ小程序|
|animationType|String|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
/api/router?id=animation
)
|App
(uni-app x 不支持)
|
|animationType|String|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
/api/router?id=animation
)
|App|
|animationDuration|Number|300|窗口显示动画的持续时间,单位为 ms|App
(uni-app x 不支持)
|
|animationDuration|Number|300|窗口显示动画的持续时间,单位为 ms|App|
|app-plus|Object||设置编译到 App 平台的特定样式,配置项参考下方
[
app-plus
](
/collocation/pages?id=app-plus
)
|App|
|app-plus|Object||设置编译到 App 平台的特定样式,配置项参考下方
[
app-plus
](
/collocation/pages?id=app-plus
)
|App|
|h5|Object||设置编译到 H5 平台的特定样式,配置项参考下方
[
H5
](
/collocation/pages?id=h5
)
|H5|
|h5|Object||设置编译到 H5 平台的特定样式,配置项参考下方
[
H5
](
/collocation/pages?id=h5
)
|H5|
|mp-alipay|Object||设置编译到 mp-alipay 平台的特定样式,配置项参考下方
[
MP-ALIPAY
](
/collocation/pages?id=mp-alipay
)
|支付宝小程序|
|mp-alipay|Object||设置编译到 mp-alipay 平台的特定样式,配置项参考下方
[
MP-ALIPAY
](
/collocation/pages?id=mp-alipay
)
|支付宝小程序|
...
@@ -161,7 +161,7 @@
...
@@ -161,7 +161,7 @@
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序|
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序|
|mp-kuaishou|Object||设置编译到 mp-kuaishou 平台的特定样式|快手小程序|
|mp-kuaishou|Object||设置编译到 mp-kuaishou 平台的特定样式|快手小程序|
|mp-jd|Object||设置编译到 mp-jd 平台的特定样式|京东小程序|
|mp-jd|Object||设置编译到 mp-jd 平台的特定样式|京东小程序|
|usingComponents|Object| |引用小程序组件,参考
[
小程序组件
](
/tutorial/miniprogram-subject.html#小程序自定义组件支持
)
|
uni-app x 不支持
|
|usingComponents|Object| |引用小程序组件,参考
[
小程序组件
](
/tutorial/miniprogram-subject.html#小程序自定义组件支持
)
||
|renderingMode|String| |同层渲染,webrtc(实时音视频) 无法正常时尝试配置 seperated 强制关掉同层|微信小程序|
|renderingMode|String| |同层渲染,webrtc(实时音视频) 无法正常时尝试配置 seperated 强制关掉同层|微信小程序|
|leftWindow|Boolean|true|当存在 leftWindow 时,默认是否显示 leftWindow|H5|
|leftWindow|Boolean|true|当存在 leftWindow 时,默认是否显示 leftWindow|H5|
|topWindow|Boolean|true|当存在 topWindow 时,默认是否显示 topWindow|H5|
|topWindow|Boolean|true|当存在 topWindow 时,默认是否显示 topWindow|H5|
...
@@ -336,18 +336,18 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
...
@@ -336,18 +336,18 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
|navigationBarBackgroundColor|HexColor|#F8F8F8|导航栏背景颜色(同状态栏背景色)|APP与H5为#F8F8F8,小程序平台请参考相应小程序文档|
|navigationBarBackgroundColor|HexColor|#F8F8F8|导航栏背景颜色(同状态栏背景色)|APP与H5为#F8F8F8,小程序平台请参考相应小程序文档|
|navigationBarTextStyle|String|black|导航栏标题颜色及状态栏前景颜色,仅支持 black/white||
|navigationBarTextStyle|String|black|导航栏标题颜色及状态栏前景颜色,仅支持 black/white||
|navigationBarTitleText|String||导航栏标题文字内容||
|navigationBarTitleText|String||导航栏标题文字内容||
|navigationBarShadow|Object||导航栏阴影,配置参考下方
[
导航栏阴影
](
/collocation/pages?id=navigationBarShadow
)
|
uni-app x 不支持
|
|navigationBarShadow|Object||导航栏阴影,配置参考下方
[
导航栏阴影
](
/collocation/pages?id=navigationBarShadow
)
||
|navigationStyle|String|default|导航栏样式,仅支持 default/custom。custom即取消默认的原生导航栏,需看
[
使用注意
](
/collocation/pages?id=customnav
)
|微信小程序 7.0+、百度小程序、H5、App(2.0.3+)|
|navigationStyle|String|default|导航栏样式,仅支持 default/custom。custom即取消默认的原生导航栏,需看
[
使用注意
](
/collocation/pages?id=customnav
)
|微信小程序 7.0+、百度小程序、H5、App(2.0.3+)|
|disableScroll|Boolean|false|设置为 true 则页面整体不能上下滚动(bounce效果),只在页面配置中有效,在globalStyle中设置无效|微信小程序(iOS)、百度小程序(iOS)|
|disableScroll|Boolean|false|设置为 true 则页面整体不能上下滚动(bounce效果),只在页面配置中有效,在globalStyle中设置无效|微信小程序(iOS)、百度小程序(iOS)|
|backgroundColor|HexColor|#ffffff|窗口的背景色|微信小程序、百度小程序、抖音小程序、飞书小程序、京东小程序|
|backgroundColor|HexColor|#ffffff|窗口的背景色|微信小程序、百度小程序、抖音小程序、飞书小程序、京东小程序|
|backgroundTextStyle|String|dark|下拉 loading 的样式,仅支持 dark/light|
uni-app x 不支持
|
|backgroundTextStyle|String|dark|下拉 loading 的样式,仅支持 dark/light||
|enablePullDownRefresh|Boolean|false|是否开启下拉刷新,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
。||
|enablePullDownRefresh|Boolean|false|是否开启下拉刷新,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
。||
|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离,单位只支持px,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
|
uni-app x 不支持
|
|onReachBottomDistance|Number|50|页面上拉触底事件触发时距页面底部距离,单位只支持px,详见
[
页面生命周期
](
/tutorial/page.html#lifecycle
)
||
|backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|backgroundColorTop|HexColor|#ffffff|顶部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|backgroundColorBottom|HexColor|#ffffff|底部窗口的背景色(bounce回弹区域)|仅 iOS 平台|
|disableSwipeBack|Boolean|false|是否禁用滑动返回|App-iOS(3.4.0+)|
|disableSwipeBack|Boolean|false|是否禁用滑动返回|App-iOS(3.4.0+)|
|titleImage|String||导航栏图片地址(替换当前文字标题),支付宝小程序内必须使用https的图片链接地址|支付宝小程序、H5、App
(uni-app x 不支持)
|
|titleImage|String||导航栏图片地址(替换当前文字标题),支付宝小程序内必须使用https的图片链接地址|支付宝小程序、H5、App|
|transparentTitle|String|none|导航栏透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序、H5、APP
(uni-app x 不支持)
|
|transparentTitle|String|none|导航栏透明设置。支持 always 一直透明 / auto 滑动自适应 / none 不透明|支付宝小程序、H5、APP|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序、H5|
|titlePenetrate|String|NO|导航栏点击穿透|支付宝小程序、H5|
|app-plus|Object||设置编译到 App 平台的特定样式,配置项参考下方
[
app-plus
](
/collocation/pages?id=app-plus
)
|App|
|app-plus|Object||设置编译到 App 平台的特定样式,配置项参考下方
[
app-plus
](
/collocation/pages?id=app-plus
)
|App|
|h5|Object||设置编译到 H5 平台的特定样式,配置项参考下方
[
H5
](
/collocation/pages?id=h5
)
|H5|
|h5|Object||设置编译到 H5 平台的特定样式,配置项参考下方
[
H5
](
/collocation/pages?id=h5
)
|H5|
...
@@ -359,7 +359,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
...
@@ -359,7 +359,7 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序|
|mp-qq|Object||设置编译到 mp-qq 平台的特定样式|QQ小程序|
|mp-kuaishou|Object||设置编译到 mp-kuaishou 平台的特定样式|快手小程序|
|mp-kuaishou|Object||设置编译到 mp-kuaishou 平台的特定样式|快手小程序|
|mp-jd|Object||设置编译到 mp-jd 平台的特定样式|京东小程序|
|mp-jd|Object||设置编译到 mp-jd 平台的特定样式|京东小程序|
|usingComponents|Object||引用小程序组件,参考
[
小程序组件
](
/tutorial/miniprogram-subject.html#小程序自定义组件支持
)
|App
(uni-app x 不支持)
、微信小程序、支付宝小程序、百度小程序、京东小程序|
|usingComponents|Object||引用小程序组件,参考
[
小程序组件
](
/tutorial/miniprogram-subject.html#小程序自定义组件支持
)
|App、微信小程序、支付宝小程序、百度小程序、京东小程序|
|leftWindow|Boolean|true|当存在 leftWindow时,当前页面是否显示 leftWindow|H5|
|leftWindow|Boolean|true|当存在 leftWindow时,当前页面是否显示 leftWindow|H5|
|topWindow|Boolean|true|当存在 topWindow 时,当前页面是否显示 topWindow|H5|
|topWindow|Boolean|true|当存在 topWindow 时,当前页面是否显示 topWindow|H5|
|rightWindow|Boolean|true|当存在 rightWindow时,当前页面是否显示 rightWindow|H5|
|rightWindow|Boolean|true|当存在 rightWindow时,当前页面是否显示 rightWindow|H5|
...
@@ -430,17 +430,17 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
...
@@ -430,17 +430,17 @@ uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽
|属性|类型|默认值|描述|平台兼容|
|属性|类型|默认值|描述|平台兼容|
|:-|:-|:-|:-|:-|
|:-|:-|:-|:-|:-|
|background|HexColor|#FFFFFF|窗体背景色。无论vue页面还是nvue页面,在App上都有一个父级原生窗体,该窗体的背景色生效时间快于页面里的css生效时间|App (vue 页面需要将 body 背景色设为透明
,uni-app x 不支持
)|
|background|HexColor|#FFFFFF|窗体背景色。无论vue页面还是nvue页面,在App上都有一个父级原生窗体,该窗体的背景色生效时间快于页面里的css生效时间|App (vue 页面需要将 body 背景色设为透明)|
|titleNView|Object||导航栏 ,详见:
[
导航栏
](
/collocation/pages?id=app-titleNView
)
|App
(uni-app x 不支持)
、H5|
|titleNView|Object||导航栏 ,详见:
[
导航栏
](
/collocation/pages?id=app-titleNView
)
|App、H5|
|subNVues|Array||原生子窗体,详见:
[
原生子窗体
](
/collocation/pages?id=app-subNVues
)
|App 1.9.10+
(uni-app x 不支持)
|
|subNVues|Array||原生子窗体,详见:
[
原生子窗体
](
/collocation/pages?id=app-subNVues
)
|App 1.9.10+|
|bounce|String||页面回弹效果,设置为 "none" 时关闭效果。|App-vue(nvue Android无页面级bounce效果,仅list、recycle-list、waterfall等滚动组件有bounce效果)|
|bounce|String||页面回弹效果,设置为 "none" 时关闭效果。|App-vue(nvue Android无页面级bounce效果,仅list、recycle-list、waterfall等滚动组件有bounce效果)|
|popGesture|String|close|侧滑返回功能,可选值:"close"(启用侧滑返回)、"none"(禁用侧滑返回)|App-iOS|
|popGesture|String|close|侧滑返回功能,可选值:"close"(启用侧滑返回)、"none"(禁用侧滑返回)|App-iOS|
|softinputNavBar|String|auto|iOS软键盘上完成工具栏的显示模式,设置为 "none" 时关闭工具栏。|App-iOS|
|softinputNavBar|String|auto|iOS软键盘上完成工具栏的显示模式,设置为 "none" 时关闭工具栏。|App-iOS|
|softinputMode|String|adjustPan|软键盘弹出模式,支持 adjustResize、adjustPan 两种模式|App
(uni-app x 不支持)
|
|softinputMode|String|adjustPan|软键盘弹出模式,支持 adjustResize、adjustPan 两种模式|App|
|pullToRefresh|Object||下拉刷新|App
(uni-app x 不支持)
|
|pullToRefresh|Object||下拉刷新|App|
|scrollIndicator|String||滚动条显示策略,设置为 "none" 时不显示滚动条。|App
(uni-app x 不支持)
|
|scrollIndicator|String||滚动条显示策略,设置为 "none" 时不显示滚动条。|App|
|animationType|String|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
/api/router?id=animation
)
。|App
(uni-app x 不支持)
|
|animationType|String|pop-in|窗口显示的动画效果,详见:
[
窗口动画
](
/api/router?id=animation
)
。|App|
|animationDuration|Number|300|窗口显示动画的持续时间,单位为 ms。|App
(uni-app x 不支持)
|
|animationDuration|Number|300|窗口显示动画的持续时间,单位为 ms。|App|
**Tips**
**Tips**
-
`.nvue`
页面仅支持
`titleNView、pullToRefresh、scrollIndicator`
配置,其它配置项暂不支持
-
`.nvue`
页面仅支持
`titleNView、pullToRefresh、scrollIndicator`
配置,其它配置项暂不支持
...
@@ -1004,7 +1004,7 @@ h5 平台下拉刷新动画,只有 circle 类型。
...
@@ -1004,7 +1004,7 @@ h5 平台下拉刷新动画,只有 circle 类型。
|selectedColor|HexColor|是||tab 上的文字选中时的颜色||
|selectedColor|HexColor|是||tab 上的文字选中时的颜色||
|backgroundColor|HexColor|是||tab 的背景色||
|backgroundColor|HexColor|是||tab 的背景色||
|borderStyle|String|否|black|tabbar 上边框的颜色,可选值 black/white,也支持其他颜色值|App 2.3.4+ 、H5 3.0.0+|
|borderStyle|String|否|black|tabbar 上边框的颜色,可选值 black/white,也支持其他颜色值|App 2.3.4+ 、H5 3.0.0+|
|blurEffect|String|否|none|iOS 高斯模糊效果,可选值 dark/extralight/light/none(参考:
[
使用说明
](
https://ask.dcloud.net.cn/article/36617
)
)|App 2.4.0+ 支持
(uni-app x 不支持)
、H5 3.0.0+(只有最新版浏览器才支持)|
|blurEffect|String|否|none|iOS 高斯模糊效果,可选值 dark/extralight/light/none(参考:
[
使用说明
](
https://ask.dcloud.net.cn/article/36617
)
)|App 2.4.0+ 支持、H5 3.0.0+(只有最新版浏览器才支持)|
|list|Array|是||tab 的列表,详见 list 属性说明,最少2个、最多5个 tab||
|list|Array|是||tab 的列表,详见 list 属性说明,最少2个、最多5个 tab||
|position|String|否|bottom|可选值 bottom、top|top 值仅微信小程序支持|
|position|String|否|bottom|可选值 bottom、top|top 值仅微信小程序支持|
|fontSize|String|否|10px|文字默认大小|App 2.3.4+、H5 3.0.0+|
|fontSize|String|否|10px|文字默认大小|App 2.3.4+、H5 3.0.0+|
...
...
docs/tutorial/vue3-basics.md
浏览文件 @
5cce32fa
...
@@ -484,12 +484,6 @@ v-on 指令,它用于监听 `DOM` 事件。v-on缩写为‘ @ ’,下文简
...
@@ -484,12 +484,6 @@ v-on 指令,它用于监听 `DOM` 事件。v-on缩写为‘ @ ’,下文简
<!-- 缩写 -->
<!-- 缩写 -->
<view
@
click=
"doSomething"
>
点击
</view>
<view
@
click=
"doSomething"
>
点击
</view>
```
```
**注意:`uni-app x` 中函数 `event` 参数需要显式指定类型**
```
html
<view
@
click=
"(e: any) => foo(e)"
>
event must has type
</view>
<view
@
click=
"foo($event as MouseEvent)"
>
event must has type
</view>
```
#### v-once
#### v-once
...
@@ -508,7 +502,6 @@ v-on 指令,它用于监听 `DOM` 事件。v-on缩写为‘ @ ’,下文简
...
@@ -508,7 +502,6 @@ v-on 指令,它用于监听 `DOM` 事件。v-on缩写为‘ @ ’,下文简
<text>
{{msg}}
</text>
<text>
{{msg}}
</text>
</view>
</view>
```
```
**注意:`uni-app x` 暂不支持**
#### v-html
#### v-html
...
@@ -538,8 +531,6 @@ v-on 指令,它用于监听 `DOM` 事件。v-on缩写为‘ @ ’,下文简
...
@@ -538,8 +531,6 @@ v-on 指令,它用于监听 `DOM` 事件。v-on缩写为‘ @ ’,下文简
</script>
</script>
```
```
**注意:`uni-app x` 暂不支持**
## Data 选项
## Data 选项
`data`
选项已标准化为只接受
**返回一个初始数据对象的函数**
(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。
`data`
选项已标准化为只接受
**返回一个初始数据对象的函数**
(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。
...
@@ -1861,7 +1852,6 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
...
@@ -1861,7 +1852,6 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
}
}
</script>
</script>
```
```
**注意:`uni-app x` 暂不支持**
#### 监听对象中单个属性
#### 监听对象中单个属性
...
@@ -1887,8 +1877,6 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
...
@@ -1887,8 +1877,6 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
}
}
```
```
**注意:uni-app x 暂不支持**
### 计算属性 vs 侦听属性
### 计算属性 vs 侦听属性
`Vue`
提供了一种更通用的方式来观察和响应
`Vue`
实例上的数据变动:
**侦听属性**
。当你有一些数据需要随着其它数据变动而变动时,你很容易滥用
`watch`
。然而,通常更好的做法是使用计算属性而不是命令式的
`watch`
回调。
`Vue`
提供了一种更通用的方式来观察和响应
`Vue`
实例上的数据变动:
**侦听属性**
。当你有一些数据需要随着其它数据变动而变动时,你很容易滥用
`watch`
。然而,通常更好的做法是使用计算属性而不是命令式的
`watch`
回调。
...
...
docs/tutorial/vue3-components.md
浏览文件 @
5cce32fa
...
@@ -203,7 +203,7 @@
...
@@ -203,7 +203,7 @@
|选项 |类型 |说明 |
|选项 |类型 |说明 |
|-- |-- |-- |
|-- |-- |-- |
|type |
`String`
、
`Number`
、
`Boolean`
、
`Array`
、
`Object`
、
`Date`
、
`Function`
、
`Symbol
(uni-app x 不支持)
`
,任何自定义构造函数、或上述内容组成的数组 |会检查一个
`prop`
是否是给定的类型,否则抛出警告,复杂数据类型需要通过
`PropType`
标记类型,
[
详见
](
https://cn.vuejs.org/guide/typescript/options-api.html#typing-component-props
)
。 |
|type |
`String`
、
`Number`
、
`Boolean`
、
`Array`
、
`Object`
、
`Date`
、
`Function`
、
`Symbol`
,任何自定义构造函数、或上述内容组成的数组 |会检查一个
`prop`
是否是给定的类型,否则抛出警告,复杂数据类型需要通过
`PropType`
标记类型,
[
详见
](
https://cn.vuejs.org/guide/typescript/options-api.html#typing-component-props
)
。 |
|default |any |为该
`prop`
指定一个默认值。如果该
`prop`
没有被传入,则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。|
|default |any |为该
`prop`
指定一个默认值。如果该
`prop`
没有被传入,则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。|
|required |Boolean |定义该
`prop`
是否是必填项。|
|required |Boolean |定义该
`prop`
是否是必填项。|
|validator |Function |自定义验证函数会将该
`prop`
的值作为唯一的参数代入。在非生产环境下,如果该函数返回一个
`false`
的值 (也就是验证失败),一个控制台警告将会被抛出。|
|validator |Function |自定义验证函数会将该
`prop`
的值作为唯一的参数代入。在非生产环境下,如果该函数返回一个
`false`
的值 (也就是验证失败),一个控制台警告将会被抛出。|
...
@@ -674,8 +674,6 @@
...
@@ -674,8 +674,6 @@
用于验证
`author`
prop 的值是否是通过
`new Person`
创建的。
用于验证
`author`
prop 的值是否是通过
`new Person`
创建的。
**注意:uni-app x 暂不支持**
### Prop 的大小写命名
### Prop 的大小写命名
...
@@ -1009,8 +1007,6 @@
...
@@ -1009,8 +1007,6 @@
}
}
```
```
**注意:uni-app x 暂不支持**
### v-model 参数
### v-model 参数
...
@@ -1164,8 +1160,6 @@
...
@@ -1164,8 +1160,6 @@
</script>
</script>
```
```
**注意:uni-app x 暂不支持 capitalize 修饰符**
```
html
```
html
<!-- 我是 my-component子组件-->
<!-- 我是 my-component子组件-->
<template>
<template>
...
@@ -1591,18 +1585,6 @@ Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 [Web C
...
@@ -1591,18 +1585,6 @@ Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 [Web C
在这个例子中,我们选择将包含所有插槽
`prop`
的对象命名为
`slotProps`
,但你也可以使用任意你喜欢的名字。
在这个例子中,我们选择将包含所有插槽
`prop`
的对象命名为
`slotProps`
,但你也可以使用任意你喜欢的名字。
**注意:**
`uni-app x`
中需要为作用域插槽指定类型,以
`todo-list`
组件为例,需要补充如下代码:
```
js
import
{
SlotsType
}
from
'
vue
'
export
default
{
slots
:
Object
as
SlotsType
<
{
default
:
{
item
:
string
}
}
>
}
```
#### 独占默认插槽的缩写语法
#### 独占默认插槽的缩写语法
在上述情况下,当被提供的内容只有默认插槽时,组件的标签才可以被当作插槽的模板来使用。这样我们就可以把
`v-slot`
直接用在组件上:
在上述情况下,当被提供的内容只有默认插槽时,组件的标签才可以被当作插槽的模板来使用。这样我们就可以把
`v-slot`
直接用在组件上:
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录