theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'v1.7.0' of https://gitee.com/layui/layui-vue into v1.7.0

Browse Source
This commit is contained in:
就眠儀式
2022-12-07 21:16:24 +08:00
parent b72f3ccd2d a35c703a02
commit 70b35e8dca
10 changed files with 104 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
package/document-component/src/document/zh-CN/components/cascader.md
View File

@@ -336,9 +336,11 @@ const valueLv=ref(null)
:::
::: demo 使用 `默认插槽` 可以自定义回显区域的内容,并且你可以通过change回调轻松拿到回显的值，同时你也可以使用`动态插槽名`来自定义你想要展示的内容，只需要在传入的数据中加入 `slot`参数，然后愉快的使用插槽自定义内容
<template>
<lay-cascader :options="options" v-model="value2" @change="onChange">
<lay-button type="normal">Click me ❤️</lay-button>
<lay-badge theme="orange" v-if="displayValue" style="margin-left:10px">{{displayValue}}</lay-badge>
<lay-cascader :options="options" v-model="value2" @change="onChange" style="width:350px;">
<div style='display:flex;align-items:center'>
<lay-button type="normal">Click me ❤️</lay-button>
<lay-badge theme="orange" v-if="displayValue" style="margin-left:10px">{{displayValue}}</lay-badge>
</div>
</lay-cascader>
<lay-cascader :options="options2" v-model="value" placeholder="动态插槽案例" style="width:250px;margin-left:20px">
<template #Guide>🤨😐😑😶😏😒🙄😬🤥😌</template>