能给出input-weight的代码吗
时间: 2024-01-13 20:02:27 浏览: 14
当然可以,下面是一个简单的 InputWidget.vue 组件的代码示例:
```
<template>
<input type="text" v-model="value" :placeholder="placeholder" />
</template>
<script>
export default {
props: {
value: {
type: String,
default: ''
},
placeholder: {
type: String,
default: ''
}
}
}
</script>
```
这个组件中包含了一个 `<input>` 元素,通过 `v-model` 指令将输入框的值绑定到 `value` 属性上。同时,组件还通过 `props` 接收了一个 `placeholder` 属性,用于设置输入框的占位提示文字。在实际使用中,你可以像下面这样使用这个组件:
```
<template>
<div>
<label>姓名:</label>
<input-widget v-model="name" placeholder="请输入姓名" />
</div>
</template>
<script>
import InputWidget from '@/components/InputWidget.vue'
export default {
components: {
InputWidget
},
data() {
return {
name: ''
}
}
}
</script>
```
这个示例中,我们在表单中使用了 `InputWidget` 组件,并将其绑定到 `name` 属性上。通过设置 `placeholder` 属性,我们还为输入框设置了占位提示文字。