關(guān)于v-for循環(huán)遍歷的一個(gè)奇怪問(wèn)題

<div class="order-list">

    <ul :selectFoods="selectFoods">
      <li v-for = 'food in selectFoods||[]' class="cartList">{{food.name}}</li>

v-for="(data,index) in adsrc" 你這樣試一下, 或者把ul 里面的selectFoods屬性去掉。

你的報(bào)錯(cuò)信息跟你貼的代碼無(wú)關(guān)吧？你只按照?qǐng)?bào)錯(cuò)信息找到對(duì)應(yīng)的代碼修改即可

第一個(gè)問(wèn)題：原先你的v-for寫(xiě)在ul一行，當(dāng)然每條數(shù)據(jù)都是被<ul></ul>包裹呀
第二個(gè)問(wèn)題：報(bào)錯(cuò)信息有好幾個(gè)，第一個(gè) 沒(méi)定義或者是沒(méi)有被實(shí)例化。
按照你表述的需求，這樣寫(xiě)即可

<ul  class="cartList">
  <li v-for = 'food in selectFoods'>{{food.name}}</li>
</ul>

data: {
    message: 'Hello Vue.js!',
    selectFoods: [
      {name: 'a'},
      {name: 'b'},
      {name: 'c'}
    ]
 }

     <div class="carefullyChose"  v-if="shoptwo">
            <ul>
                <li v-for="item in shoptwo">
                        <div>
                            <span class="one">{{ item.productName }}</span>
                            <span class="two">{{ item.introduce }}</span>
                        </div>
                        <div>
                            <img :src="item.picture" alt="" />
                        </div>
                
                </li>
            </ul>
        </div>
    data() {
        return {
            lenght: "",
            shoptwo: {}//定義一下shopTwo
        }
    },