Comments (4)
There's another ref in UiTabs
for the tab headers. I'm guessing that when your mounted hook is called that ref isn't ready yet.
From the docs, it says:
Note that mounted does not guarantee that all child components have also been mounted. If you want to wait until the entire view has been rendered, you can use vm.$nextTick inside of mounted:
So you can wrap your call to findTabById()
in $nextTick()
:
mounted: function () {
this.$nextTick(function () {
// Code that will run only after the
// entire view has been rendered
})
}
from keen-ui.
Unfortunately that didn't solve the issue, I still have the same error. I understand that all views must be rendered and available inside nextTick, but that's not the case.
from keen-ui.
Hmmm, don't know why the internal component refs are not available in mounted
+ nextTick
.
Does it work when you run it a little bit after mounting? E.g. with a button that you click to change the active tab. If so then it's definitely a refs rendering issue, and you could use a short (maybe 300ms) timeout in mounted to change the active tab, as a workaround.
Need to figure out what's going wrong with the refs though and fix that.
from keen-ui.
Yes, after mounting it works fine, I'm watching a value in Vuex, when it changes I change tab programmatically. That works quite fine. The problem appears only inside mounted hook. If the app is entered not on main route, but on a route that corresponds to a certain tab, I need the tab to change accordingly. Currently I use 1s timeout to avoid getting error, but that's more like a hack than solution. And sometimes I still see an error, so 1s is not always working.
from keen-ui.
Related Issues (20)
- Add `ui-textbox__input-wrapper` around `ui-textbox__input` and `ui-textbox__textarea` HOT 4
- DatePicker: When yearRange is specified with descending array, month selection is broken. HOT 3
- How to dismiss a UiSnackbarContainer? HOT 2
- Missing @types/keen-ui HOT 2
- Having a size undependand on the root node's font-size HOT 3
- position of UiDatepicker not correct when combined with UiPopover/UiMenu HOT 1
- How I get outlined share icon? HOT 3
- Support for autocapitalize property
- ESLint CRLF Windows HOT 6
- Question - Overriding variables.scss HOT 3
- how to add button or link in ui-collasible header HOT 2
- UiSelect not working in Modal HOT 1
- UiSelect selected template HOT 3
- autocomplete on custom case
- Vue.js 3.0 and further plans HOT 13
- UiCalender is not rendering HOT 1
- Dart Sass deprecation warnings HOT 1
- keen-ui.js:8252 [UiRippleInk]: Trigger element not found. HOT 1
- UiSelect can no longer be used correctly in UiPopover HOT 1
- Click on calendar buttons (without type argument) triggers form submit event HOT 2
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 keen-ui.