遇到的問題,抽象之后,大致是這樣,麻煩各位看看如何解決?頁面的數據通過v-for渲染,id屬性為index點擊按鈕,服務器返回樣式,大致是這樣:{1:{height:'200px'}}根據返回樣式,修改對應的元素樣式(注:不能使用DOM操作)HTML代碼如下:<ul> <li v-for="(item, index) in items" :id="index">{{item}}</li> </ul> <button @click="change">設置高度</button></ul>js代碼如下:data: { items: [1, 2, 3]},methods: { change() { // 模擬異步請求數據 setTimeout(() => { // key中1/2/3代表每個li的id let list = { 1: { height: '100px' }, 2: { height: '200px' }, 3: { height: '300px' } } }, 1000) }}在線編輯點這里
Vue - 在v-for中異步操作修改樣式問題
千萬里不及你
2019-03-22 19:15:23