zoukankan      html  css  js  c++  java
  • Vue循环中多个input绑定指定v-model

    Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢
    这里介绍两种,一种是v-for中循环生成的输入框,一种是在element-table中生成的输入框
    在循环中只要给定的v-model不一致就可以为输入框分别绑定,在循环中index每一项都是不一样的,你也可以使用字符拼接的方式,设置v-model对应的值为input1,input2..
    类似这样的,这样就可以通过绑定的值取到对应输入框的值了,
     
    在控制台打印的结果:
    还有一种场景是在表格中嵌套的input:
    这样的只用绑定表格的属性就好了,这样在打印出来的tableData中就可以拿到input的值
  • 相关阅读:
    Flask商城项目详解
    《剑指offer》题解(Python版本)
    小程序学习笔记
    Html5 语义化标签
    常用页面布局
    css 语法记录
    vue-router 配置
    axios 配置
    Mybatis Generator
    openssl_pkcs7_verify的问题之旅
  • 原文地址:https://www.cnblogs.com/steamed-twisted-roll/p/9492365.html
Copyright © 2011-2022 走看看