解決vue+elementUI中使用v-for循環出多個select下拉框，默認綁定，但改變一個下拉框，其餘下拉框也會改變的問題

我要展示在頁面的選擇值是fruitsValueOptions裏面的數據。

保存成功後，刷新頁面。

這樣寫就不會出現v-model綁定的值相同的情況，展示的就是互不干擾的選擇框。

【水果】欄裏可以選擇【橙子】or【獼猴桃】

【道具】欄裏可以選擇【叉子】

不會出現【水果】欄選擇【橙子】後，道具一欄裏也出現了【橙子】

下面是具體的步驟

後端返回數據：

{
    "code":0,
    "message":"success",
    "data":[
        {
            "fruitsNameId":1,
            "fruitsName":"水果",
            "fruitsValues":null,
            "fruitsValueOptions":[
                {
                    "id":"1",
                    "name":"橙汁"
                },
                {
                    "id":"3158",
                    "name":"獼猴桃"
                }
            ]
        },
        {
            "fruitsNameId":2,
            "fruitsName":"道具",
            "fruitsValues":null,
            "fruitsValueOptions":[
                {
                    "id":"2",
                    "name":"叉子"
                }
            ]
        },
        {
            "fruitsNameId":3,
            "fruitsName":"方式",
            "fruitsValues":null,
            "fruitsValueOptions":[
                {
                    "id":"3",
                    "name":"喫"
                }
            ]
        }
    ],
    "success":true
}

樣式如下