下面的代碼
methods: {
switch (typwik) {
case 'T':
console.log('<span ><i ></i>TOMATO!</span>');
break;
case 'N':
console.log('<span ><i ></i>NASA!</span>');
break;
case 'U':
console.log('<span ><i ></i>UGANDA!</span>');
break;
}
}如何在輸入兩個以上的值后更改此代碼以使其作業，例如：如果我輸入 T 它將顯示“番茄” 如果我輸入 N 它將顯示“NASA”如果我輸入 U 它將顯示“烏干達” . 目前它只適用于兩個變數，如果我輸入 T 它會顯示一些東西，如果我輸入 T 以外的東西它會顯示一個不同的選項。
uj5u.com熱心網友回復：
你已經很接近了，你只需要結合你的兩次嘗試。在第一個中，您查看value并return基于其結果。而在第二個你使用 aswitch但你沒有回傳任何東西。
typwik: function(value) {
switch (value) {
case 'T':
return '<span class="ui green label"><i class="check icon"></i>TOMATO!</span>';
case 'N':
return '<span class="ui red label"><i class="x icon"></i>NASA!</span>';
case 'U':
return '<span class="ui red label"><i class="x icon"></i>UGANDA!</span>';
}
},
uj5u.com熱心網友回復：
您可以將計算屬性與物件一起使用，如下所示：
const names = {
A: "Awesome",
T: "Tomato",
N: "Nasa",
};
var search = 'T';
return names[search] || 'Not found';
看看我制作的這個功能示例：https ://codesandbox.io/s/xenodochial-butterfly-xsc67i?file=/src/App.vue:286-372
這種方式更易于維護和清潔，而不是使用開關盒；
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/435615.html
標籤：javascript html Vue.js 变量
上一篇：獲取組合兩個字串的變數值