I open the popup in some root component like this: This is the content of parentt.vue: This is the content of child.vue: Whith <child /> commented out I get a popup with text parent in it. with <child /> being there I get a white screen. I’m using many components in different places in my co…
Tag: vue.js
How can I build a simple calculator with Vue.js, using v-model and maybe v-if?
I need to build a simple component in Vue.Js where there is an input field that is showing number of hours an user would save if they switch to our software. How can I use the v-if directive: If they are spending 20 – 30 hours, they would save 10 hours / mo, 30 – 50 hours, they would save
Why the vue-lang do not work with filter?
I using vue-lang. It works, but not completely ISSUE in the JSON file there is an example of: and then this code as a filter But when I do it by example so there is an error here MY FILES main.js lang/cs.json views/login.vue Still does not work. What am I doing wrong? Answer I’m not familiar with this p…
The “TypeError: Cannot convert undefined or null to object” when using filter method” in Vue.js application
The code looks as following: The this.document.Sections is object that contains properties (objects as well). How to get rid of this error? Answer As the message says, this error comes from passing null to Object.keys. Try it in the console: So, in your code this.document.Sections is null. Here you have an op…
Echarts.js: Detect a click on a subset of data
I want to detect a click on a particular subset in a bar chart. As I want to init a new chart after the click, with the data from the clicked subset. Currently when I click on chart bars, I get data of the whole chart and can’t retrieve data of just one bar. Here is what I have: Answer
Bootstrap button plugin conflicting with Vue checkbox click event
When I add bootstrap.min.js to my Vue application my checkboxes @click event is not being initiated. More specifically when using bootstrap’s button-group with data-toggle=”buttons” If I remove bootstrap.min.js then the checkbox click event works as normal. What is causing this? Link to Code…
Is it possible to use Vuex mapActions inside an exported module
Is it possible to call Vuex mapActions from a separate module that’s imported into a component? I’m trying to standardize a set of functions in a vue.js web app. I’d like to import them into each component and pass some values the to function operate. I’m using vuex to manage state. Cu…
How do I initialize a default “data” value to the returned value of a callback function?
I am running into an issue being able to initialize a value on App.vue to the result of a function when that function is async. I also tried setting it to the resolution of a promise but that didn’t seem to work either. In the former case I just get an undefined value, and in the second I just get
Vue.js component custom non-reactive properties safe name
What is a safe naming for custom properties for component instance? What is the recommended way to store component-specific but non-reactive data? some reasoning: While working with Vue.js, from time to time end up in a situation which I need to store some static data within the component instance. As far as …
creating abstract components that can manage external data
Currently I use Vuetify for base components and would like to create reusable extensions. For example a list containing checkboxes, a datatable column with some functionality etc. For this question I will take the list containing checkboxes example. I created the following component called CheckboxGroup.vue T…