Category : bootstrap-vue

I have a bootstrap-vue project. I follow this tutorial: I can use confirm modal to open a big image modal. showBigImg(src, id) { const h = this.$createElement const BigImgVNode = h( ‘div’, {class: [‘foobar’]}, [ h(‘b-img’, { props: { src: src, fluid: true, center: true } }) ] ) this.$bvModal.msgBoxConfirm([BigImgVNode], { buttonSize: ‘sm’, centered: true, ..

Read more

I’m looking to open a modal on checkbox check in vue-bootstrap. I have a checkbox I’m not sure if it’s the right approach with this but I need it to have a v-model too. <b-form-checkbox id="checkbox-1" v-model="healthDocument" name="checkbox-1" value="accepted" unchecked-value="not_accepted" > Health Documents </b-form-checkbox> and a modal <div> <b-button v-b-modal.modal-1>Launch demo modal</b-button> <b-modal id="modal-1" title="BootstrapVue"> ..

Read more

need to go through a JSON object which might or might not have properties fields it can be null or it can have 10 different ones I then need to print it in a code block, the JSON data is here: "grade": [ { "alias": "G1", "id": "4d72868e-c46f-41d1-83a6-429a2421fd34", "name": "Grade 1", "properties": { "size": "A1", ..

Read more

When I compile it gives this errror: Uncaught TypeError: Cannot read property ‘prototype’ of undefined at eval (config.js?228e:6) at Module../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:3322) at __webpack_require__ (app.js:849) at fn (app.js:151) at eval (props.js?cf75:1) at Module../node_modules/bootstrap-vue/esm/utils/props.js (chunk-vendors.js:3598) at __webpack_require__ (app.js:849) at fn (app.js:151) at eval (model.js?58f2:1) at Module../node_modules/bootstrap-vue/esm/utils/model.js (chunk-vendors.js:3514) and my main.js is like this import { createApp } ..

Read more

Looking at the docs https://bootstrap-vue.org/docs/components/dropdown#button-content I made an example that uses b-dropdown: https://codesandbox.io/s/6lhk6?file=/src/components/GenericItem.vue but in the component, <template> <div> <b-dropdown id="dropdown-1" text="Item or Category" class="m-md-2"> <b-dropdown-item>Edit Name</b-dropdown-item> <b-dropdown-item>Delete</b-dropdown-item> </b-dropdown> </div> </template> renders as: Why isn’t styling applied? Source: Ask Javascript..

Read more