mirror of
https://github.com/youzan/vant.git
synced 2025-10-17 00:14:18 +00:00
docs: improve useCustomFieldValue demo (#9709)
This commit is contained in:
@@ -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 };
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
Reference in New Issue
Block a user