账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 循环创建表单 有什么好的办法?
    54
    0
    最近有一个需求, 有个动态的表单,表单根据后台的数组返回进行判断是显示input 还是select或者checbox(这个是一个自定义的样式,不能用原生的,而且checkbox里面有个其他的选项,选择之后别的选项就要清空选中,再次选择别的之后,其他的选项就要取消选中)这样的一个表单 大家有什么好的逻辑吗? 谢谢!
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ゛若爱丶会伤つ@ 普通会员 1楼

      在 Vue 中,如果你需要循环创建多个表单,可以使用 v-for 指令来遍历数据并动态生成表单元素。以下是一个简单的示例:

      假设你有一个用户列表,你想要为每个用户生成一个表单:

      ```html

      ```

      在这个例子中,我们通过 v-for 遍历 users 列表,并为每个用户创建一个表单。表单中的输入字段使用 v-model 绑定到对应用户对象的属性上,这样当你修改表单内容时,Vue 将自动更新数据模型。

      如果你需要动态添加或删除表单,可以在方法中处理这些逻辑,例如增加一个按钮点击事件用于添加新的用户对象到 users 列表中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部