mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
docs: improve useCustomFieldValue demo (#9709)
This commit is contained in:
parent
137be6d79e
commit
b07f733efb
@ -14,11 +14,16 @@ If you want to custom Form items, you can insert your component into the `input`
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
// MyComponent.vue
|
// MyComponent.vue
|
||||||
|
import { ref } from 'vue';
|
||||||
import { useCustomFieldValue } from '@vant/use';
|
import { useCustomFieldValue } from '@vant/use';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
setup() {
|
setup() {
|
||||||
useCustomFieldValue(() => 'Some value');
|
const myValue = ref(0);
|
||||||
|
|
||||||
|
useCustomFieldValue(() => myValue.value);
|
||||||
|
|
||||||
|
return { myValue };
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
@ -16,12 +16,17 @@
|
|||||||
|
|
||||||
```js
|
```js
|
||||||
// MyComponent.vue
|
// MyComponent.vue
|
||||||
|
import { ref } from 'vue';
|
||||||
import { useCustomFieldValue } from '@vant/use';
|
import { useCustomFieldValue } from '@vant/use';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
setup() {
|
setup() {
|
||||||
|
const myValue = ref(0);
|
||||||
|
|
||||||
// 此处传入的值会替代 Field 组件内部的 value
|
// 此处传入的值会替代 Field 组件内部的 value
|
||||||
useCustomFieldValue(() => 'Some value');
|
useCustomFieldValue(() => myValue.value);
|
||||||
|
|
||||||
|
return { myValue };
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
Loading…
x
Reference in New Issue
Block a user