Я создаю форму Dynami c, которая позволит пользователям автоматически генерировать изображение со своей статистикой игры с помощью vue. js и использует Keen-ui. Я новичок в vue. js и начал изучать его последние 2 недели.
Теперь у меня возникла проблема с выпадающим списком select с помощью keen-ui. Я пытаюсь добиться функционального раскрывающегося списка, который позволит пользователю выбрать режим игры, а при выборе добавить строку запроса.
Например: https://example.com/hive/stats/bedrock/dr?bg=dark&player=ntmnathan
- «dr» - это опция выбора
- «bg» - это опция выбора
- «player» - это текстовое поле ввода.
К сожалению, , выпадающий список не работает для меня, я использовал текстовые поля ввода во всех из них, и они, казалось, отлично работают и добавить к ссылке.
Демо: https://codepen.io/Nathantominecraft/pen/RwWRVPZ
index. html
custom. js
new Vue({
el: '#bedrockstatscard',
data() {
return {
baseUrl: 'https://example.com/hive/stats/bedrock',
game: '',
game: ['dr', 'wars', 'hide', 'murder', 'sg'],
bg: '',
player: ''
}
},
methods: {
checkEvent (val) {
this.baseUrl += '/' + val
this.game = val
}
},
computed: {
url() {
var url = this.baseUrl;
if (this.bg.length) {
url += '?bg=' + this.bg;
}
if (this.player.length) {
url += '&player=' + this.player;
}
return url;
}
}
});
Что я мог здесь делаешь неправильно? Снова. Извините, я новичок в использовании vue. js, и я старался изо всех сил, чтобы предоставить столько же. Было бы здорово, если бы кто-нибудь, кто имеет опыт в keen-ui, тоже помог мне здесь.