Filter items using HTML attributes with Vue.js instead of URL parameter

[samanthablackes]

Hello! Is it possible to filter items by adding the filtering formula inside a Vue.js attribute instead of a URL parameter? Like using v-if or similar…

Thanks!

[JonathanBowen]

This is an oldie, but in case anyone else is looking for something like this, check on this post and the link to the Github repo within - Vue JS v-if implemented here, might be of use:

<div v-for="element in item">
  <div v-bind:class="element.style">
    <tag v-if="element.style == 'img'" :is="element.style" v-bind:src="element.content"></tag>
    <tag v-else-if="element.style !== 'img'" :is="element.style">{{ element.content }}</tag>
  </div>
</div>

Base -> HTML -> PDF Show and tell

Base -> HTML -> PDF This “show and tell” is based on a project I worked on for the Computer Museum of America (see this post: TimeLine of Computer History). Airtable Pro plans can make use of the Page Designer block, but if you don’t have a Pro plan or want something that is a bit more customisable, then this might work for you. Really, this is about outputting base data into a PDF, but uses HTML as an interim step. The benefit of HTML is that is hugely customisable and, by using CSS, you can …