diff --git a/examples/views/checkbox/Checkbox.vue b/examples/views/checkbox/Checkbox.vue
index da8621845f..eba3e7f303 100644
--- a/examples/views/checkbox/Checkbox.vue
+++ b/examples/views/checkbox/Checkbox.vue
@@ -4,14 +4,14 @@
复选框、复选组
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/examples/views/select/Select.vue b/examples/views/select/Select.vue
index 10cd2e4288..c08e4d2c51 100644
--- a/examples/views/select/Select.vue
+++ b/examples/views/select/Select.vue
@@ -4,16 +4,16 @@
下拉框,查看 API,可以通过 setup 设置全局参数
-
+
-
+
-
+
-
+
diff --git a/packages/checkbox/src/checkbox.js b/packages/checkbox/src/checkbox.js
index a93a580bfc..213c0dc2ac 100644
--- a/packages/checkbox/src/checkbox.js
+++ b/packages/checkbox/src/checkbox.js
@@ -9,6 +9,7 @@ export default {
props: {
value: [String, Number, Boolean],
label: [String, Number],
+ name: String,
indeterminate: Boolean,
title: [String, Number],
content: [String, Number],
@@ -68,7 +69,8 @@ export default {
class: 'vxe-checkbox--input',
attrs: {
type: 'checkbox',
- disabled: isDisabled
+ disabled: isDisabled,
+ name: this.name
},
domProps: {
checked: isChecked
diff --git a/packages/select/src/select.js b/packages/select/src/select.js
index 09f2302388..494be5b925 100644
--- a/packages/select/src/select.js
+++ b/packages/select/src/select.js
@@ -241,6 +241,7 @@ export default {
props: {
value: null,
clearable: Boolean,
+ name: String,
placeholder: String,
loading: Boolean,
disabled: Boolean,
@@ -429,6 +430,7 @@ export default {
props: {
clearable: this.clearable,
placeholder: this.placeholder,
+ name: this.name,
readonly: true,
disabled: disabled,
type: 'text',
diff --git a/types/checkbox.d.ts b/types/checkbox.d.ts
index 6d867be7c8..046911f18d 100644
--- a/types/checkbox.d.ts
+++ b/types/checkbox.d.ts
@@ -8,6 +8,10 @@ export declare class Checkbox extends VXETableComponent {
* 绑定值
*/
value?: boolean;
+ /**
+ * 原生 name 属性
+ */
+ name?: string;
/**
* 只对 checkbox-group 有效,值
*/
diff --git a/types/select.d.ts b/types/select.d.ts
index daab10e2b3..21fd216d56 100644
--- a/types/select.d.ts
+++ b/types/select.d.ts
@@ -13,6 +13,10 @@ export declare class Select extends VXETableComponent {
* 当有值时,是否在右侧显示清除按钮
*/
clearable?: boolean;
+ /**
+ * 原生 name 属性
+ */
+ name?: string;
/**
* 空值显示的占位符
*/