how-to-mustache-if-else-statement
After I read this, I tried as the article in Vue.js but it emitted just error.
<tr v-for="(data, i) in userList" :key="i">
<td>{{#data.authority==1}}Admin{{/data.authority==1}}</td>
</tr>
If I write just {{data.authority}} then it worked well.
How to use if-else as mustache grammar in Vue.js?
Vue uses interpolation with mustache syntax that works different from the post you've shared. Anything you write in {{ }} gets evaluated by JavaScript.
So you can write any kind of expression:
{{ 2 + 2 }} // output: 4
{{ 'Hello World' }} // output: Hello World
In your situation, you can write a ternary operator:
<tr v-for="(data, i) in userList" :key="i">
<td>{{ data.authority === 1 ? 'Admin' : 'Not Admin' }}</td>
</tr>
If you want to only show a td element when user.authority === 1, you should use v-if or v-show instead.
You can use expressions, not statements inside {{ }}. A plain if/else would not work.