用标签做一个页面 怎么做出一个每点击select中的一个值 就添加一个表单
而且在中能添加类似的横线或者文字吗
可以是可以 但是你说的太笼统的 你可细拆一下 具体是哪里不明白 比如说 点击添加一个表单 可以@click绑定一个事件 ,事件内修改数据,之后页面通过数据渲染表单
首先,可以使用element-ui中的el-select组件,监听其change事件,在事件回调函数中添加一个表单,并可以使用el-divider组件添加横线。
示例代码如下:
<template>
<div>
<el-select v-model="selected" @change="addFormItem">
<el-option label="选项1" value="option1"></el-option>
<el-option label="选项2" value="option2"></el-option>
<el-option label="选项3" value="option3"></el-option>
</el-select>
<el-form>
<el-form-item v-for="(item, index) in formItems" :key="index">
<el-input placeholder="请输入内容"></el-input>
<el-divider></el-divider>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data() {
return {
selected: '',
formItems: []
}
},
methods: {
addFormItem() {
this.formItems.push({})
}
}
}
</script>