提交 08a03245 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬

docs: uni-app x compatibility

上级 3c137c20
...@@ -203,10 +203,10 @@ ...@@ -203,10 +203,10 @@
|选项 |类型 |说明 | |选项 |类型 |说明 |
|-- |-- |-- | |-- |-- |-- |
|type | `String``Number``Boolean``Array``Object``Date``Function``Symbol` ,任何自定义构造函数、或上述内容组成的数组 |会检查一个 `prop` 是否是给定的类型,否则抛出警告 | |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) |
|default |any |为该 `prop` 指定一个默认值。如果该 `prop` 没有被传入,则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。`uni-app x` 中 必填 | |default |any |为该 `prop` 指定一个默认值。如果该 `prop` 没有被传入,则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。|
|required |Boolean |定义该 `prop` 是否是必填项, `uni-app x` 暂不支持| |required |Boolean |定义该 `prop` 是否是必填项|
|validator |Function |自定义验证函数会将该 `prop` 的值作为唯一的参数代入。在非生产环境下,如果该函数返回一个 `false` 的值 (也就是验证失败),一个控制台警告将会被抛出, `uni-app x` 暂不支持| |validator |Function |自定义验证函数会将该 `prop` 的值作为唯一的参数代入。在非生产环境下,如果该函数返回一个 `false` 的值 (也就是验证失败),一个控制台警告将会被抛出|
##### 示例: ##### 示例:
...@@ -251,11 +251,14 @@ ...@@ -251,11 +251,14 @@
<script lang="uts"> <script lang="uts">
export default { export default {
props: { props: {
// 检测类型 + 其他验证(uni-app x 暂不支持 validator 校验函数) // 检测类型 + 其他验证
age: { age: {
type: Number, type: Number,
default: 0, default: 0,
required: true required: true,
validator: function(value: number): boolean {
return value >= 0
}
} }
} }
} }
...@@ -604,14 +607,20 @@ ...@@ -604,14 +607,20 @@
}, },
// 带有默认值的对象 // 带有默认值的对象
propE: { propE: {
type: UTSObject, type: Object,
// 对象或数组默认值必须从一个工厂函数获取 // 对象或数组默认值必须从一个工厂函数获取
default: function(): UTSObject { default: function(): Object {
return { message: 'hello' } return { message: 'hello' }
} }
}, },
// uni-app x 暂不支持 validator 校验函数 // 自定义验证函数
propF: {
type: String,
validator: function(value: string): boolean {
// 这个值必须匹配下列字符串中的一个
return ['success', 'warning', 'danger'].indexOf(value) != -1
}
},
// 具有默认值的函数 // 具有默认值的函数
propG: { propG: {
type: Function, type: Function,
......
...@@ -20,7 +20,7 @@ uvue的组件,可以使用前端技术编写,也可以使用原生技术编 ...@@ -20,7 +20,7 @@ uvue的组件,可以使用前端技术编写,也可以使用原生技术编
## props ## props
- 仅支持[对象方式](https://cn.vuejs.org/guide/components/props.html#props-declaration)声明。 - 仅支持[对象方式](https://cn.vuejs.org/guide/components/props.html#props-declaration)声明。
- 暂不支持[自定义类型校验函数](https://cn.vuejs.org/guide/components/props.html#prop-validation) - 复杂数据类型需要通过 `PropType` 标记类型,[详见](https://cn.vuejs.org/guide/typescript/options-api.html#typing-component-props)
## 自定义事件 ## 自定义事件
......
...@@ -20,7 +20,7 @@ uvue的组件,可以使用前端技术编写,也可以使用原生技术编 ...@@ -20,7 +20,7 @@ uvue的组件,可以使用前端技术编写,也可以使用原生技术编
## props ## props
- 仅支持[对象方式](https://cn.vuejs.org/guide/components/props.html#props-declaration)声明。 - 仅支持[对象方式](https://cn.vuejs.org/guide/components/props.html#props-declaration)声明。
- 暂不支持[自定义类型校验函数](https://cn.vuejs.org/guide/components/props.html#prop-validation) - 复杂数据类型需要通过 `PropType` 标记类型,[详见](https://cn.vuejs.org/guide/typescript/options-api.html#typing-component-props)
## 自定义事件 ## 自定义事件
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册