Render directive conditionally

Question

I've been struggling all day to find a way to conditionally render a directive on an element. I ended up on this page: https://vuejs.org/guide/extras/render-function.html but then I wasn't able to append my compiled template (using vue-template-compiler, since I'm using some version of vue which doesn't include the compiler).

At the end of the day this is what I figured:

<div>Some foo</div>
<template v-if="withDirective">
  <input :value="value"
         :disabled="disabled"
         :type="type"
          v-some-directive="someValue" />
</template>
<template v-else>
  <input :value="value"
         :disabled="disabled" 
         :type="type" />
</template>
<div>Some bar</div>

Is there a better way? I have a lot more attributes on the input, so there's really a lot of duplicate code which I would love to avoid. This html is inside a custom component, so all the values like disabled, required, etc, are props passed from outside.