码迷,mamicode.com
首页 > 其他好文 > 详细

动态绑定v-model

时间:2017-10-20 20:10:22      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:one   div   color   code   round   items   测试   cti   arch   

<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中,定义好即可;

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

动态绑定v-model

标签:one   div   color   code   round   items   测试   cti   arch   

原文地址:http://www.cnblogs.com/xiaomili/p/7700994.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!