如何在Vue模板中使用const？

JavaScript

卡卡西Near

2020-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？

第1276篇《如何在Vue模板中使用const？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
Jim斯丁 2020.03.12

如果将它们公开在数据上，则意味着使它们变得不必要的反应性，如@ 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

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

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android