<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