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

🐛(component): cascader组件 修复初始值不为空时无反显问题

Browse Source
This commit is contained in:
0o张不歪o0
2022-12-07 14:59:18 +08:00
parent c5412e2513
commit a35c703a02
2 changed files with 32 additions and 23 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>