✨(component): 新增radioGroup组件 disabled属性
This commit is contained in:
@@ -42,7 +42,7 @@ export default {
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-checkbox name="like" value="1" v-model="checked2" >普通</lay-checkbox>
|
||||
<lay-checkbox name="like" value="1" v-model="checked2">普通</lay-checkbox>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -134,7 +134,7 @@ export default {
|
||||
<template>
|
||||
<lay-checkbox name="like" skin="primary" value="1" :disabled="disabled" v-model="checked6">禁用</lay-checkbox>
|
||||
<br/><br/>
|
||||
<lay-checkbox-group v-model="checkeds" disabled>
|
||||
<lay-checkbox-group v-model="checkeds" :disabled="disabled">
|
||||
<lay-checkbox name="like" skin="primary" value="1">写作</lay-checkbox>
|
||||
<lay-checkbox name="like" skin="primary" value="2">画画</lay-checkbox>
|
||||
<lay-checkbox name="like" skin="primary" value="3">运动</lay-checkbox>
|
||||
@@ -146,11 +146,8 @@ import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
const disabled = ref(true)
|
||||
|
||||
const checked6 = ref(false);
|
||||
|
||||
return {
|
||||
disabled,checked6
|
||||
}
|
||||
|
||||
@@ -121,6 +121,7 @@ export default {
|
||||
const change4 = function( current ) {
|
||||
console.log("当前值:" + current)
|
||||
}
|
||||
const disabled1=ref(false)
|
||||
return {
|
||||
selected4,
|
||||
change4
|
||||
@@ -142,6 +143,7 @@ export default {
|
||||
| label | 显示值 | -- |
|
||||
| value | 绑定值 | -- |
|
||||
| v-model | 选中值 | -- |
|
||||
| disabled | 是否禁用 | `false` |
|
||||
|
||||
:::
|
||||
|
||||
@@ -164,6 +166,7 @@ export default {
|
||||
| 属性 | 描述 | 默认值 |
|
||||
| ------- | ------------- | ------ |
|
||||
| v-model | 选中值 | -- |
|
||||
| disabled | 是否整体禁用 | `false` |
|
||||
|
||||
:::
|
||||
|
||||
|
||||
@@ -25,7 +25,8 @@
|
||||
<li>[新增] formItem 组件 label-width属性,用于控制宽度 by @SmallWai</li>
|
||||
<li>[优化] inputNumber 组件 禁用状态下的样式 by @SmallWai</li>
|
||||
<li>[优化] botton 组件 禁用状态下的icon hover样式 by @SmallWai</li>
|
||||
<li>[新增] CheckboxGroup 组件 disabled属性 by @SmallWai</li>
|
||||
<li>[新增] checkboxGroup 组件 disabled属性 by @SmallWai</li>
|
||||
<li>[新增] radioGroup 组件 disabled属性 by @SmallWai</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user