Vue directive - passing in string

Asked Jun 28 '18 at 11:05

Active Jun 28 '18 at 11:05

Viewed 1,376 times

I have the following custom directive in vue

<h1 v-role="'admin'">Your Dashboard</h1>

It works fine but would be cleaner without the single quotes. Is this possible?

  <h1 v-role="admin">Your Dashboard</h1>

asked Jun 28 '18 at 11:05

LeBlaireau

Is admin a model? If so bind it `
Your Dashboard
` – Lawrence Cherone Jun 28 '18 at 11:08
it's not. I think i have to live with it – LeBlaireau Jun 28 '18 at 11:23
You could think of using constants and then go like `
Your Dashboard
`. However this is question of preference. – Crackers Jun 28 '18 at 11:34
@DF Thanks - is an interesting idea, don't know if I like it any more than strings. – LeBlaireau Jun 29 '18 at 08:21
1

in vuejs 2.*, you can define your custom directive to use `binding.expression` instead of `binding.value`. Hope it helps. – Sasan Farrokh Oct 29 '18 at 11:15
2

@SasanFarrokh it works, but vue throws and error "Property or method 'X' is not defined on the instace but referenced during render." – Timar Ivo Batis Dec 18 '19 at 19:59

Your Dashboard