I’m working with BootstrapVue. I have – I think – a very simple question, but I could not find anything that worked for me. I have a <b-button> which I want to click and than the second <div> should be shown but only for 3 Seconds. I want to have my code without jQuery – how can I achieve that?
Tag: vue.js
Vue js pass a function from child chile to another child component on a click event
I am trying to pass a function when a button is clicked, the button is clicked in a child element, then passed through a parent element to another child component, and i dont want to use the store for that, How can i do that? components/footer/footer.vue — This is where the button is clicked layouts/default.vue –This is the parent component
How to hide content when clicked checkbox from different components in vuejs?
How to hide content of checkbox from different components in Vuejs I have three components called inputone(contains checkbox with v-model),inputtwo (contains checkbox with v-model),maincontent.(having some content and logic), So when user click on checkboxes from either one checckbox(one,two). i schould hide the content. Codesanfdbox link https://codesandbox.io/s/crimson-fog-wx9uo?file=/src/components/maincontent/maincontent.vue reference code:- https://codepen.io/dhanunjayt/pen/mdBeVMK Answer You are actually not syncing the data between components. The
How can we make our custom PDF editor with our custom editable logics with vuejs?
I want to make a feature using vuejs jsust like MS word to edit PDFs. How can I make such pdf editor with vuejs in which I can add my own customization logic? e.g. Feature should be able to do things like Adding conditional replace text Adding tags to text within pdf Change background color of text. Answer This would
Using v-html with message data — does Vue not support the element?
I am using Vue.js 2, my SDK is IntelliJ: I am trying to import HTML into a Vue.js file. The purpose is for the <title></title> attribute, since Vue doesn’t directly seem to support this. In the <template> markup, I have: In the data, I have a very simple message1: Interestingly, I can display message1 with “moustache” syntax, but it just
Vue3 does not react to class field internal updates in the same way as Vue2
I have noticed that while in Vue2 you can bind an element to the property of a class, and the element will update when this class property is changed from somewhere outside of the Vue world, this seems not possible in Vue3. I have created two simple examples here to show what I mean: Vue2: https://codesandbox.io/s/vue2-6hztv Vue3: https://codesandbox.io/s/vue3-o2rfn There is
Issue with Dependency cycle via in Vue.js
I’m having an issue with a linting error in a vue.js project. The error that I get looks like this: I have no idea how to get rid of this error. I tried renaming files, using this.$router and this.$store with no luck. Here is some of my code: router -> index.js: The data path is the main one I want
Vue 3 app bug: why is this method executed before any click event occurs?
I am building a quiz app with Vue 3 and Bootstrap 4. I have this method for checking if the clicked answer is the (same as the) correct answer: It should be executed upon clicking a list item, as seen below: If the clicked answer is correct, the list item should be added the classes text-white bg-success, otherwise it should
vue dialog doesn’t close/hide
I can’t close or hide my vue-dialog and I don’t know why. This is my js file from which I call the dialog: and this is my Dialog: If I choose an item in the dialog the callback-method “onStockSelected” of the js file runs and self.showItemChooser is set to false but the dialog is still visible. Answer You don’t have
JSON can’t read value of field [Vue.js]
I have function Short explanation of function: I call it in <child-component :value=valueOfMeasurement(measurement)></child-component> to pass it value to child component. measurement is JSON object that I use to identify which component and data is used, measurement.fieldId have values 1,2,3… message is JSON array which I get via REST and MQTT Api.I use REST to get current values (because MQTT has