关于初次了解#vue#的问题,如何解决?

用标签做一个页面 怎么做出一个每点击select中的一个值 就添加一个表单
而且在中能添加类似的横线或者文字吗

可以是可以 但是你说的太笼统的 你可细拆一下 具体是哪里不明白 比如说 点击添加一个表单 可以@click绑定一个事件 ,事件内修改数据,之后页面通过数据渲染表单

以下内容部分参考ChatGPT模型:


首先,可以使用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>

如果我的建议对您有帮助、请点击采纳、祝您生活愉快