Framework7/Vue List with v-bind if statement and data variable

I’m using Framework7/Vue and I’m having trouble trying to use a local data variable within that component to switch a title:

   <f7-list-item 
                      v-bind:link="item.children > 0  ? `/child-link/${item.Id}/` :  `/no-child-link/${item.Id}/`" 
                      v-bind:header="item.title" 
                      **v-bind:title="this.$f7.data.localdatavariable == '' ? '' : item.subtitle"**
                      v-for="item in mybiglist">
</f7-list-item>