Vue.js 基于变量的vuejs指令
是否可以动态分配指令?我想根据名为type的变量分配成功或错误。我目前正在这样做,我想替换:Vue.js 基于变量的vuejs指令,vue.js,vuetify.js,Vue.js,Vuetify.js,是否可以动态分配指令?我想根据名为type的变量分配成功或错误。我目前正在这样做,我想替换: v-snackbar(v-if="type === 'success'", success, timeout=3000, bottom=true, right=true, v-model='snackbar') {{ snackbarText }} v-btn(flat, @click.native="snackbar = false") v-icon close v-snack
v-snackbar(v-if="type === 'success'", success, timeout=3000, bottom=true, right=true, v-model='snackbar') {{ snackbarText }}
v-btn(flat, @click.native="snackbar = false")
v-icon close
v-snackbar(v-if="type === 'error'", error, timeout=3000, bottom=true, right=true, v-model='snackbar') {{ snackbarText }}
v-btn(flat, @click.native="snackbar = false")
v-icon close
错误和成功不是指令,它们是v-snackbar组件上的道具 您可以使用布尔表达式或变量直接绑定到错误和成功道具
v-snackbar(:error="type === 'error'", :success="type === 'success'", timeout='3000', bottom='bottom', right='right', v-model='snackbar')
| {{ snackbarText }}
v-btn(flat='flat', @click.native='snackbar = false')
v-icon close
对于那些对帕格语法感到困惑的人来说,这里是html格式的
<v-snackbar :error="type === 'error'" :success="type === 'success'" timeout="3000" bottom="bottom" right="right" v-model="snackbar">{{ snackbarText }}
<v-btn flat="flat" @click.native="snackbar = false">
<v-icon>close</v-icon>
</v-btn>
</v-snackbar>
查看vuetifyjs网站上的示例2,了解更完整的示例。
您的意思是动态分配属性吗?这就是你的例子所要做的,我想把v-if=type==“success”,success替换为just-type