103 lines
1.7 KiB
Markdown
103 lines
1.7 KiB
Markdown
::: title 基础使用
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-select>
|
|
<lay-select-option value="1" label="学习"></lay-select-option>
|
|
<lay-select-option value="2" label="编码"></lay-select-option>
|
|
<lay-select-option value="3" label="运动"></lay-select-option>
|
|
</lay-select>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
return {
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: title 选择禁用
|
|
:::
|
|
|
|
::: demo
|
|
|
|
<template>
|
|
<lay-select v-model="selected">
|
|
<lay-select-option value="1" label="学习"></lay-select-option>
|
|
<lay-select-option value="2" label="编码" disabled="true"></lay-select-option>
|
|
<lay-select-option value="3" label="运动"></lay-select-option>
|
|
</lay-select>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
|
|
export default {
|
|
setup() {
|
|
|
|
const selected = ref('1')
|
|
|
|
return {
|
|
selected
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
:::
|
|
|
|
::: title select 属性
|
|
:::
|
|
|
|
::: table
|
|
|
|
| Name | Description | Accepted Values |
|
|
| ------- | -------------- | --------------- |
|
|
| name | 原生 name 属性 | -- |
|
|
| v-model | 选中值 | -- |
|
|
|
|
:::
|
|
|
|
::: title select-option 属性
|
|
:::
|
|
|
|
::: table
|
|
|
|
| Name | Description | Accepted Values |
|
|
| ----- | ----------- | --------------- |
|
|
| label | 标签 | -- |
|
|
| value | 值 | -- |
|
|
|
|
:::
|
|
|
|
::: title select-option 插槽
|
|
:::
|
|
|
|
::: table
|
|
|
|
| Name | Description | Accepted Values |
|
|
| ------- | ----------- | --------------- |
|
|
| default | 默认 | -- |
|
|
|
|
:::
|
|
|
|
::: title select 事件
|
|
:::
|
|
|
|
::: table
|
|
|
|
| Name | Description | Accepted Values |
|
|
| ------ | ----------- | --------------- |
|
|
| change | 切换事件 | value |
|
|
|
|
:::
|