I want to make this card dynamic but the router and the style is not working

Questions
1 
<f7-card v-bind:key="module.id" v-for="module in allModule" 
        @click="f7router.navigate('{{ module.path }}')" 
        :name="module.path_name"
        style="background-color:{{ module.background_color }} ;" 
        class="custome_icon elevation-demo elevation-6 elevation-hover-24 elevation-pressed- 
       12 elevation-transition"  >
      <f7-card-content > 
        <f7-row >
         <f7-col>
          <f7-row> <img style="margin: 0px auto; width: 70px; height:70px;"  :src="this.baseUrl + '/' + module.name" /> </f7-row>
          </f7-col>
          </f7-row>
        <f7-row> 
          <f7-col >
              <f7-row > <h5 class="icons-title"><b>{{module.primary_name}} </b></h5>  </f7-row>
          </f7-col>
         </f7-row>
       </f7-card-content> 
     </f7-card>