前提・実現したいこと
Vueのコードをpugに書き換えています。
pugの書き方ついて間違っているところを教えて欲しいです。
発生している問題・エラーメッセージ
Error: /app/client/src/components/organisms/CardList.vue:5:23 3| ul 4| li(v-for="(product, index) in products",:key="index") > 5| router-link(:to="{ -----------------------------^ 6| name: 'ItemDetail', 7| params: { title: product.title, productInfo: product }, 8| }")
該当のソースコード
<template lang="pug"> div ul li(v-for="(product, index) in products",:key="index") router-link(:to="{ name: 'ItemDetail', params: { title: product.title, productInfo: product }, }") Card(:productInfo="product") </template>
試したこと
pugにする前のコードは以下のようになっています
<template> <div> <ul> <li v-for="(product, index) in products" :key="index"> <router-link :to="{ name: 'ItemDetail', params: { title: product.title, productInfo: product }, }" > <Card :productInfo="product" /> </router-link> </li> </ul> </div> </template>
あなたの回答
tips
プレビュー