如何在 vuejs 的模板中使用常量？
這是我的代碼，我宣告了這個常量import TIPS from '../../constants/tipsConstants'，我想在這樣的模板中使用onWhiteListedMint(TIPS.TIP_A)
<template>
<el-row class="row" justify="center">
{{ACTION_CARD.ACTION_A}}
<CustomCard
@onClick="isListed(TIPS.TIP_A)"
/>
import TIPS from '../../constants/tipsConstants'
export default {
name: 'Main',
props: {
tipConstants 的內容是：
export const TIPS = { TIP_A: 'TIP_A', TIP_B: 'TIP_B', TIP_C: 'TIP_C'}
我收到這個錯誤
35:10 error 'TIPS' is defined but never used
uj5u.com熱心網友回復：
tipsConstants.js有一個命名的 export for TIPS，所以組件必須使用命名的 import：
import { TIPS } from '../../constants/tipsConstants'
您可以TIPS通過資料屬性向模板公開。由于您可能不需要對其進行反應，請Object.freeze()在匯入的物件上使用，如下所示：
import { TIPS } from '../../constants/tipsConstants'
export default {
data() {
return {
TIPS: Object.freeze(TIPS),
}
}
}
演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/366330.html
標籤：Vue.js
上一篇：如何在vueJs中使用屬性檔案？