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 code, it’s only here in
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 particular library
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 option to fix it. Hope it helps. See it
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 Codepen https://codepen.io/ben_jammin/pen/gNPVvw?editors=1000 https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js Bootstrap Button plugin https://getbootstrap.com/docs/4.3/components/buttons/#button-plugin Answer Vue and Jquery are not meant to be together and
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. Currently each component calls these functions each time they’re
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 I understand Vue, a component instance can be
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 This component takes an array of objects as a property and creates a checkbox for