精华内容
下载资源
问答
  • li v-for="(item,index) in 3"> > <input type="text" v-model="num[index]"> > </li> >data: { num:[], }, > 方法: > clickMe(){ > console.log(this.num) >...
    
    > <li v-for="(item,index) in 3">
    > 				         <input type="text" v-model="num[index]">  
    > </li>  
    >data: {
    					num:[],
    			},
    > 方法: 
    >  clickMe(){
    >         console.log(this.num)  
    >         }, 
    

    在这里插入图片描述

    展开全文
  • v-for 循环时直接使用 v-model 绑定报错 将 v-model 直接绑定到 v-for 迭代别名。这将无法修改 v-for 源数组,因为写入别名就像修改函数局部变量一样。考虑使用一个对象数组并在对象属性上使用 v-model。 原因:v-...
    v-for 循环时直接使用 v-model 绑定报错
    
    将 v-model 直接绑定到 v-for 迭代别名。这将无法修改 v-for 源数组,因为写入别名就像修改函数局部变量一样。考虑使用一个对象数组并在对象属性上使用 v-model。
    
    原因:v-model 不可以直接修改 v-for 循环迭代时别名上的数据,但是,可以通过 index 下标来引用所需的数据,可以达到相同目的。
    
    // 错误代码
    
    <div v-for="(item, index) in data" :key="index">
        // 直接绑定 v-for循环的item成员会报错
        <input v-model="item" />
    </div>
    
    
    
    // 正确代码
    <div v-for="(item, index) in data" :key="index">
        // 通过index, 绑定数组中对应项
        <input v-model="data[index]" />
    </div>
    
    展开全文
  • vue循环绑定v-model

    2019-10-04 17:05:58
    直接上代码 结构: ...repayInput v-if="formData" v-for="(item, index) in formData" :isPwd="item.parameter_code==='password'" :text="item.parameter_name.replace('社保网站','')" ...

    直接上代码

    结构:

    <repayInput v-if="formData" v-for="(item, index) in formData"
              :isPwd="item.parameter_code==='password'"
              :text="item.parameter_name.replace('社保网站','')"
              :textAlign="'right'"
              :errText="arrForm[index][`arr${item.parameter_code}`]"
              @changeErrText="_changeErrText2($event,index,'arr'+item.parameter_code)"
              :type="item.parameter_code"
              :maxlength="item.parameter_code==='name'?'15':'50'"
              :placeholder="item.parameter_message"
              v-model="arrForm[index][item.parameter_code]" :key="index">
            </repayInput>
    组织arrForm数据
    _this.arrForm.length = 0;
              // debugger
              let obj = _this.formInfo[_this.socialType.value].tabs[selectedVal[selectedVal.length-1]].field;
              for(var j=0; j<obj.length; j++) {
                var strObj = `{"${obj[j].parameter_code}":"","arr${obj[j].parameter_code}":"","type":"${obj[j].parameter_code}","name${obj[j].parameter_code}":"${obj[j].parameter_name}"}`;
                // Vue.set(_this.arrForm, obj[j].parameter_code, '');
                // Vue.set(_this.arrForm, `arr${obj[j].parameter_code}`,'');
                _this.arrForm.push(JSON.parse(strObj))
              }

    表单验证:

    //验证动态表单 this.arrForm
          let _this = this;
          for(var i=0; i< _this.arrForm.length; i++) {
            var cur = _this.arrForm[i];
            if( !rValidate.isEmpty(cur[cur.type],() => {
              cur['arr'+cur.type] = cur['name'+cur.type] + '不能为空';
            }) ){
              dyPro = false;
            }
            if( cur.type === 'id_card_num' ){
              if( cur[cur.type]!==_this.query.cardNo ) {//验证是否与借款人是同一人
                cur['arr'+cur.type] = '请输入身份认证时身份证账号';
                dyPro = false;
              }
            }
            if( cur.type === 'cell_phone_num' ){
              if( !rValidate.mobile(cur[cur.type],() => {
                cur['arr'+cur.type] = '手机号码格式错误';
              }) ) {
                dyPro = false;
              }
            }
          }

    组织需要提交的数据:

    //组织表单参数  applyInfo  _this.arrForm
            let applyInfo = {};
            for(var i=0; i< _this.arrForm.length; i++) {
              var cur = _this.arrForm[i];
              applyInfo[cur.type] = cur[cur.type];
            }
            query_.applyInfo = applyInfo;

     

    转载于:https://www.cnblogs.com/juexin/p/8797363.html

    展开全文
  • vue在v-for循环绑定v-model

    千次阅读 2018-03-16 16:50:00
    div v-for="item in items"> <input type="text" v-model="'goods_'+$index">//我想他是goods_0,这样绑定他就直值输出到value上了 </div> 需要修改 v-model="'goods_'+$index" 改成 v-bind...

    原始示例

    <div v-for="item in items">
        <input type="text" v-model="'goods_'+$index">//我想他是goods_0,这样绑定他就直值输出到value上了
    </div>

    需要修改

    v-model="'goods_'+$index" 改成 v-bind:value="'goods_'+$index" ;

     原文地址:  https://segmentfault.com/q/1010000006031392/a-1020000006051522

    转载于:https://www.cnblogs.com/sangzs/p/8583314.html

    展开全文
  • vue 中动态绑定 v-model

    千次阅读 2019-03-26 15:51:15
    二、当v-for循环中需要动态绑定v-model 以图示例: 注意:  避免在运行时向Vue实例或其根 $data 添加反应性属性在data选项中预先声明它。  注意v-modelvue中的一个指令,而不是标签属性,不要用v-bind:去动态...
  • 别低头,皇冠会掉,别后退,梦想会碎 ...v-for 循环 v-for (item,index in xx) v-for (item in xx) v-model > 双向数据绑定 单向数据绑定 数据 —> 视图 双向数据绑定 数据 < —> 视图 (v-model) ...
  • Vue 循环绑定value

    2021-03-01 10:28:31
    :value=“xxx”,就这样????了 <...input type="checkbox" v-on:change="check(12)" :id="index" :value="index" v-model="visitplan"> <label :for="index" class="doctor-li-fang" v-bi
  • Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢这里介绍两种:一种是v-for循环生成的输入框,一种是在...
  • vue中v-for出来的input如何实现双向绑定 ...vue循环input组件,动态绑定v-model添加链接描述 <div span="24" v-for="(item,index) in iptList"> <FormItem :label="item.label"> <In...
  • Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢 这里介绍两种: 一种是v-for循环生成的输入框, 一种是在...
  • 1.场景:根据用户选择的病人类型,展示病人陪护人信息输入框数目 然后就动态想数组中追加空陪护人的对象,在页面渲染,提供给用户去输入陪护人的信息 正确写法 页面渲染
  • Vue循环中多个input绑定指定v-model

    万次阅读 2018-08-17 11:22:00
    Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢 这里介绍两种,一种是v-for循环生成的输入框,一种是在...
  • 组件基础(一)前情回顾这一节课开始之前,我们小结一下前面所讲的内容我们学习了v-if,v-show,v-for,v-model,v-on的用法。在学习v-for的时候,我们提到尽可能在使用v-for的时候提供key属性,并使用了v-bind指令...
  • Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢这里介绍两种:一种是v-for循环生成的输入框,一种是在...
  • vue动态绑定v-model

    2020-05-25 16:28:53
    根据key绑定动态值 //数据 data: [{ index1: "123" }, { index2: "456" },{ index3: "789" }], //循环 <div v-for="(n,i) in data" :key="i"> <input type="text" v-model="data[i][`index${i+1}`]" /&...
  • Vuefor循环

    2021-01-14 20:18:50
    <!--第一步引入Vue.js--> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">... /*第二步创建Vue绑定对象*/ var vm=new Vue({ el:"#app", /*Model层 :数据*/ data:{ items:[ {me
  • &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &...vue&lt;/title&gt; &lt;script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"
  • vue里面的v-for循环给v-model 双向绑定不成功 在for循环中v-model会出现双向绑定不成功 <template> <div> <div v-for="(item,index) of listAll"> <input v-model="item.name" /> </...
  • 一、如何创建一个Vue实例******************************************************* {{}} 在vue中是一个展示数据的方式 一个页面中可以有多个...二:v-bind数据绑定**********************************************
  • vue 绑定v-for 循环内部的值

    千次阅读 2018-03-20 15:10:40
    &lt;template **v-show="addresses.length &gt; 0"... **v-for="(item,index) in addresses" :key="index"**&gt; &lt;input **v-model="addres
  • 一堆输入框用v-for生成,怎么用v-model绑定这些输入框的值 思路: vue里面的data定义一个数组:formTextList:[] 请求到数据的时候,将后端的数组赋给前端自己定义的formTextList v-model绑定到这个数组 代码: ...
  • li v-for="(ls,index) in lunshu" :key="index"> 得分: <el-input v-else placeholder="请输入内容" v-model="lunshu[index].lushuScore" :value="lushuScore" > </el-input> </li> ...

空空如也

空空如也

1 2 3 4 5 ... 17
收藏数 321
精华内容 128
关键字:

vuefor循环绑定model

vue 订阅