提交 3c0eea6a 编写于 作者: D DCloud_LXH

docs: 在文档中添加关于 微信小程序自定义组件 options 的配置

上级 54ba50c3
...@@ -71,9 +71,13 @@ Vue 组件编译到小程序平台的时候会编译为对应平台的组件, ...@@ -71,9 +71,13 @@ Vue 组件编译到小程序平台的时候会编译为对应平台的组件,
```js ```js
export default { export default {
props: ['data'], props: ['data'],
data(){ return { } },
options: { options: {
multipleSlots: false,// 在微信小程序中关闭当前组件的多slot支持,默认启用 // 微信小程序中 options 选项
virtualHost: true // 在微信小程序中将组件节点渲染为虚拟节点,更加接近Vue组件的表现 multipleSlots: true, // 在组件定义时的选项中启动多slot支持,默认启用
styleIsolation: "isolated", // 启动样式隔离。当使用页面自定义组件,希望父组件影响子组件样式时可能需要配置。具体配置选项参见:微信小程序自定义组件的样式
addGlobalClass: true, // 表示页面样式将影响到自定义组件,但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared
virtualHost: true, // 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定
} }
} }
``` ```
......
...@@ -171,17 +171,20 @@ ...@@ -171,17 +171,20 @@
## 其他配置 ## 其他配置
Vue 组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持 `options` 选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在 Vue 组件中增加 `options` 属性。 Vue 组件编译到小程序平台的时候会编译为对应平台的组件,部分小程序平台支持 options 选项(具体选项参考对应小程序平台文档的自定义组件部分),一般情况默认即可,如有特殊需求可在 Vue 组件中增加 options 属性。
```js ```js
export default { export default {
props: ['data'], props: ['data'],
options: { data(){ return { } },
multipleSlots: false,// 在微信小程序中关闭当前组件的多slot支持,默认启用 options: {
virtualHost: true // 在微信小程序中将组件节点渲染为虚拟节点,更加接近Vue组件的表现 // 微信小程序中 options 选项
} multipleSlots: true, // 在组件定义时的选项中启动多slot支持,默认启用
styleIsolation: "isolated", // 启动样式隔离。当使用页面自定义组件,希望父组件影响子组件样式时可能需要配置。具体配置选项参见:微信小程序自定义组件的样式
addGlobalClass: true, // 表示页面样式将影响到自定义组件,但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared
virtualHost: true, // 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定
} }
}
``` ```
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册