1

我正在尝试在数据表中的每一行中放置一个切换。现在我有那个： 显示正常但无法点击

所以我的两列（“活动”和“共享”）是布尔值。它根据布尔值显示正常，但如果我单击切换，我会收到错误消息。我认为这是因为v-model我的切换是col.value并且我不允许修改它。问题是，我不知道如何直接绑定v-model到我的原始对象？

这是我的简化代码（模板部分）： 

<q-table>
 <q-tr slot="body" slot-scope="props" :props="props" >
   <q-td v-for="col in props.cols" :key="col.name" :props="props">
     <div v-if="['templateActive', 'templateShared'].includes(col.name)">
       <q-toggle v-model="col.value"/>
     </div>
     <div v-else>
        {{col.value}}
      </div>
    </q-td>
  </q-tr>
</q-table>

额外的问题：为什么在我的帖子开头总是删除我的“大家好”？

4

1 回答 1

0

好的，所以我找到了一个解决方案，但是v-if我想使用的每个 q-toggle 都需要一个案例，所以如果有人有更优雅的解决方案，我仍然很感兴趣。同时，这是一个解决方案（使用props.row.myToggleValue代替col.value）： 

<q-table>
 <q-tr slot="body" slot-scope="props" :props="props" >
   <q-td v-for="col in props.cols" :key="col.name" :props="props">
     <div v-if="['templateActive'].includes(col.name)">
       <q-toggle v-model="props.row.active"/>
     </div>
     <div v-else_if="['templateShared'].includes(col.name)">
        <q-toggle v-model="props.row.shared"/>
     </div>
     <div v-else>
        {{col.value}}
      </div>
    </q-td>
  </q-tr>
</q-table>
于 2018-05-08T15:25:01.777 回答