前提・実現したいこと
Vue.jsで、とある引数を受けてそれをkeyとし、valueを返すメソッドを定義したいです。
Vueというよりはjavascriptのお話かもしれませんが、お詳しい方、ご教示お願いできませんでしょうか?
(下記①&②です。)
該当のソースコード
javascript
1// ~/consts/statusList.js 2 3// 定数定義する 4const STATUS_LIST = { 5 0: "OK", 6 1: "NG", 7 2: "UNKNOWN", 8} 9 10// 定数リストを返すメソッド 11export const statusList = () => { 12 return STATUS_LIST; 13} 14 15// 引数iをkeyにしたvalueを返すメソッド★★★★★★★ここが知りたい①★★★★★★★ 16export const statusValue = (i) => { 17 return xxx // iが0なら"OK", 1なら"NG"などkeyに対してvalueを返したい 18}
呼び元のファイル
vue
1<!-- ~/components/status.vue --> 2<template> 3 <div class="status"> 4 <!-- ★★★★★★★ここが知りたい②★★★★★★★ --> 5 {{statusValue(itemValue)}} <!-- itemValueが0なら"OK"と表示したい --> 6 </div> 7</template> 8 9<script> 10import {statusList, statusValue} from "~/consts/statusList"; 11 12export default { 13 data() { 14 return { 15 statusList, 16 } 17 }, 18 props: { 19 itemValue: Number, //別のコンポーネントから0,1,2のいずれかが渡ってくる 20 }, 21 methods:{ 22 statusValue, 23 } 24} 25</script> 26
mapなども試してみたのですが、うまくいかず...
javascriptやVueにお詳しい方、ご教示お願いできませんでしょうか。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/24 08:35