Currently, I am utilizing vue.js along with typescript to create an input field that allows users to either choose items from a drop-down menu or manually type in their own input. There are various scenarios where custom input might be allowed or where only input from the drop-down menu is permitted (which is pre-defined).
In my exploration, I came across a method called "use-input" that enables me to enable or disable user keyboard input. However, at this point, I can only manage this functionality by placing "use-input" within the
<q-select></q-select>use-input="False". Upon trying this approach, I encountered the following error message:
[Vue warn]: Invalid prop: type check failed for prop "useInput". Expected Boolean, but received a String with the value of "False".
My assumption now is that the "useInput" property should indeed accept a boolean value, but I seem to be missing the correct syntax to make it functional. Additionally, I couldn't locate any documentation pertaining to useInput, so I'm wondering if anyone here has previously dealt with it?
Below is a small snippet of the code which highlights the issue:
<template>
<q-item
class="item"
>
<div
class="item-content column"
style="width: 100%;"
@click.passive="click"
>
<q-select
use-input="False"
@input="inputChanged"
>
</q-select>
</template>