zoukankan      html  css  js  c++  java
  • 动态绑定v-model

    <template>
        <div class="pieAll" >
            <template v-for="(item, index) in testData.data">
                <!--按钮组-->
                <div id="btnBox">
                    <div>
                        <ul>
                            <template v-for="items in item.event">
                                <li @click='getEventName(items)' :data-id="items.eventName">
                                    <!--<span :class="className"></span>-->
                                    <a href="javascript:;">{{items.className}}</a>
                                </li>
                            </template>
                        </ul>
                    </div>
                    <div></div>
                    <div><input type="text" v-model="search[index]" class="search" placeholder="请输入内容"></div>
                </div>
                <!--handsontable展示-->
                <div :id="item.componentId" v-show='hotSettings'></div>
                <!--搜索框-->
    
            </template>
            <div>
    
            </div>
        </div>
    </template>
    data(){
    return {
    btn:[],
    routers: [],
    hotSettings: {},
    isShowImport: false,
    objHot:'',
    editData:[],// 修改的位置

    testData:'',// 测试数据
    isActive:false,// 是否显示搜索框,
    search:[]
    }
    },

    在data中定义一个空的数组;

    在模板中v-model中,定义好即可;

    这只是其中的一种,我觉得还应该有更好的方法,希望大家指出~~

  • 相关阅读:
    MBProgressHUD使用
    IOS AFNetworking
    UIView 注意问题
    IOS动画
    UIView 设置背景图片
    iOS UILabel圆角
    IOS项目删除Git
    ios开发者到真机测试
    使用Google的Gson实现对象和json字符串之间的转换
    Spring MVC异常处理
  • 原文地址:https://www.cnblogs.com/xiaomili/p/7700994.html
Copyright © 2011-2022 走看看