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

📝(component): 完善单选框案例描述

Browse Source
This commit is contained in:
就眠儀式 2022-10-09 14:25:12 +08:00
parent 0575a86ff8
commit fba376bba7
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
package/document-component/src/document/zh-CN/components/radio.md
View File

@ -10,7 +10,7 @@
::: title 基础使用 ::: title 基础使用
::: :::
::: demo 使用 `lay-radio` 标签, 创建一个单选框 ::: demo 使用 `lay-radio` 标签, 创建一个单选框。
<template> <template>
<lay-radio v-model="selected1" name="action" :value="1" label="写作"></lay-radio> <lay-radio v-model="selected1" name="action" :value="1" label="写作"></lay-radio>
@ -39,7 +39,7 @@ export default {
::: title 禁用状态 ::: title 禁用状态
::: :::
::: demo ::: demo 使用 `disabled` 属性, 禁用一个单选项。
<template> <template>
<lay-radio v-model="selected2" name="action" value="1">写作</lay-radio> <lay-radio v-model="selected2" name="action" value="1">写作</lay-radio>
@ -70,7 +70,7 @@ export default {
::: title 事件回调 ::: title 事件回调
::: :::
::: demo ::: demo 通过 `@change` 事件, 监听选项改变。
<template> <template>
<lay-radio v-model="selected3" name="action" value="1" @change="change">写作</lay-radio> <lay-radio v-model="selected3" name="action" value="1" @change="change">写作</lay-radio>
@ -98,10 +98,10 @@ export default {
::: :::
::: title 事件回调 ::: title 指定尺寸
::: :::
::: demo ::: demo 使用 `size` 属性设置单选框尺寸, 可选值为 `lg` `md` `sm` `xs`, 默认为 `md`。
<template> <template>
<lay-radio v-model="selected5" name="action" size="lg" value="1">写作</lay-radio> <lay-radio v-model="selected5" name="action" size="lg" value="1">写作</lay-radio>
@ -127,11 +127,10 @@ export default {
::: :::
::: title 单选分组 ::: title 单选分组
::: :::
::: demo ::: demo 使用 `lay-radio-group` 标签, 存在大量单选框时极为有效。
<template> <template>
<lay-radio-group name="action" v-model="selected4" @change="change4"> <lay-radio-group name="action" v-model="selected4" @change="change4">