How to render attribute-property by condition in Vue?

Question

In Vue, how to render to property by condition?

for example I have this markup and by set clickable=true then this div will have :to property if not, will have regular div (no :to).

<div :to="path">
  <img src="..." />
</div>

Shlomi Levi · Accepted Answer · 2019-06-07 09:45:06Z

1

Try this:

<div :to="false && path">
  <img src="..." />
</div>

answered Jun 7, 2019 at 9:45

Shlomi Levi

3,3231 gold badge27 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RAJEESH PM · Accepted Answer · 2019-06-07 09:41:19Z

0

I think you can use something like this:

   <div v-if="clickable" :to="path">
      <img src="..." />
   </div>
   <div v-else>
      <img src="..." />
   </div>

answered Jun 7, 2019 at 9:41

RAJEESH PM

838 bronze badges