I am building a generator website in vuejs. I want to make a link generator for the hotel. By selecting language and hotel I need to output the right hotel url based on the language and hotel I choose choose. How can I select the specific url if I have many hotels on that language. My database look like this:
export default {
data(){
return{
Hotel : "",
Language: "",
computed: {
BadDateToGoodLanguage () {
var ack = {
"Dansk": {
"AHHG":"www.hansen.dk",
"PHO": "www.phocopenhagen.dk",
"NYH": "www.havnhotel.dk",
},
"English": {
"AHHG" : "www.hansen.com",
"PHO": "www.phocopenhagen.com",
"NYH": "www.havnhotel.com",
},
}
let result = [];
var i = 0;
for (var a in ack) {
result[i] = { value : a , Text : a }
i++;
}
return result;
},
BadDateToGoodHotel () {
if(this.LanguageSet === "")
return [];
var ack = {
"Dansk": {
"AHHG":"www.hansen.dk",
"PHO": "www.phocopenhagen.dk",
"NYH": "www.havnhotel.dk",
},
"English": {
"AHHG" : "www.hansen.com",
"PHO": "www.phocopenhagen.com",
"NYH": "www.havnhotel.com",
},
}
let result = [];
var i = 0;
var data = ack[this.Language];
for (var a in data) {
result[i] = { value : data[a] , Text : a }
i++;
}
return result;
}
},
methods: {
onHotelChange(e){
this.Hotel = e;
},
onLanguageChange(e){
this.Language = e;
},
CreateLink() {
var baseUrl = "https://"+this.language + "?hotel=" + this.Hotel
this.Link = baseUrl
};
},<base-select :options="BadDateToGoodLanguage" @on-select="onLanguageChange"> </base-select>
<base-select :options="BadDateToGoodHotel" @on-select="onHotelChange"> </base-select>
</div><base-select :options="BadDateToGoodLanguage" @on-select="onLanguageChange">