我想用Vue创建一个组件.包含标签和输入的js.例如:
<label for="inputId">Label text</label>
<input id="inputId" type="text" />
如何 for each 组件实例设置唯一的ID?
我想用Vue创建一个组件.包含标签和输入的js.例如:
<label for="inputId">Label text</label>
<input id="inputId" type="text" />
如何 for each 组件实例设置唯一的ID?
每个组件都有一个唯一的id,可以访问this._uid
.
<template>
<div>
<label :for="id">Label text for {{id}}</label>
<input :id="id" type="text" />
</div>
</template>
<script>
export default {
data () {
return {
id: null
}
},
mounted () {
this.id = this._uid
}
}
</script>
例如,如果希望对ID进行更多控制,可以在父组件中生成ID.