Comments (9)
I believe you have to make options a dynamic prop for it to be reactive. Can you try it.
from blitzar.
I believe you have to make options a dynamic prop for it to be reactive. Can you try it.
@mesqueeb i haven't try that before, but not work too
- if options is a ref the listed options is ever empty.
- If is an array it shows initial items but no items added later.
I check with vue dev tools and whit a DOM ref:
- both ref and array updates internally, but nothing changes in QSelect.
- i try explicitly call refresh() on DOM ref after pushed new items, but also not work.
from blitzar.
Try making it a dynamic prop, there's documentation on this in the blitzar docs.
from blitzar.
Try making it a dynamic prop, there's documentation on this in the blitzar docs.
already try it... not work, nothing changes
from blitzar.
Can you share a code snippet ? I can try and have a look.
from blitzar.
Can you share a code snippet ? I can try and have a look.
from blitzar.
I put a standalone QSelect and a blitzar's QSelect side to side, with same ref() as options inside Standalone QSelect options is array of "Reactive" types but inside Blitzar QSelect options is array of "Object"
from blitzar.
Hey! It is probably because blitzform creates a copy of the schema passed to for performance reasons.
I had a look at your code, and can you try this?
https://gist.github.com/vici0uz/4bc07b6f2b787c0d7f3e50e0526df6b7#file-qselectblitzform-vue-L46
dynamicProps ['options'],
options: () => select_options_ref.value // change ref value but not options shown in component
When marking a prop as a dynamic prop, you have to pass it as a function. Please try this snippet and let me know!
Also, you had dynamicPros
in your code snippet, while it is dynamicProps
;)
from blitzar.
dynamicProps ['options'], options: () => select_options_ref.value // change ref value but not options shown in component
That's work, thanks.
from blitzar.
Related Issues (20)
- BlitzForm QTable using body slot Popup editing
- BlitzListForm with Quasar framework HOT 2
- QSelect can not display label HOT 4
- Display and handle <input type="file"/> HOT 1
- BlitzListForm breaking with quasar? HOT 2
- Edit this page on GitHub: 404
- How to run dev env? HOT 1
- Dynamic "Options" of a Select-Field in BlitzListForm HOT 1
- Issue with complex layouts HOT 3
- Question: Nested Map objects HOT 1
- Use VueUse composable useVModel to update all props
- Custimazation of error messages as message for required inputs.
- Showing list form new item in popup
- How to use builtin label of custom components (quasar input)? HOT 1
- Is library still being developed/supported? HOT 2
- OptionGroup and Custom styling within blitzar and quasar HOT 2
- Sending arrow functions in HTTPS responses? HOT 1
- How to make the validation on server side? HOT 1
- Quasar+vite stuck on building the app with blitzae HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blitzar.