如何在Vue模板中使用const？

卡卡西Near2020-03-12

我试图在*.vue文件中定义一个const

<script>
    export const CREATE_ACTION = 1
    export const UPDATE_ACTION = 2
<script>

并在模板中使用它们

<template>
    ...
    <select :disabled="mode === UPDATE_ACTION">
    ....
</template>

但似乎不起作用。那么，如何在vue模板中使用const？

Jim斯丁2020/03/12 18:22:03

如果将它们公开在数据上，则意味着使它们变得不必要的反应性，如@ mix3d所提到的...

更好的方法是将它们添加到深度的 Vue对象反应性中：

<template>
      <div v-if="action === CREATE_ACTION">Something</div>
</template>

<script>
export default {
    created() {
        this.CREATE_ACTION = CREATE_ACTION;
        this.UPDATE_ACTION = UPDATE_ACTION;
    }
})
</script>

Tony宝儿2020/03/12 18:22:03

将它们公开在您的数据上。

new Vue({
    ...
    data:{
        CREATE_ACTION: CREATE_ACTION
        UPDATE_ACTION: UPDATE_ACTION
    }
    ...
})

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer