Giter Site home page Giter Site logo

coreui / bootstrap-vue Goto Github PK

View Code? Open in Web Editor NEW
52.0 2.0 3.0 2.81 MB

Bootstrap 5 components for Vue 3

Home Page: https://coreui.io/bootstrap-vue/

License: MIT License

JavaScript 0.64% TypeScript 77.61% Vue 6.62% SCSS 15.13%
bootstrap bootstrap5 bootstrap-5 vue vue-3 vue3 bootstrapvue

bootstrap-vue's Issues

Add `v-on` support to CForm

For example, this works:
<form @submit.prevent="onSubmit">

But this does not:
<CForm @submit.prevent="onSubmit">

QUESTION: How do I v-model to a group of radio buttons?

I'm using the CFormCheck component to allow the user to select an option, but I can't figure out how to get the value of the selected button back to my state variable. Should I be setting the model-value attribute? If so, how does that work? Every time I try to set it, the attribute takes on the value true no matter what value I pass in. Is there an example on the documentation site? Thank you.

Example:

<CFormCheck
  id="inlineCheckbox1"
  v-model="cloudSave"
  inline
  type="radio"
  name="inlineRadioOptions"
  label="Local"
  model-value="cloudSave"
/>

Support Vue router props in CDropdownItem / Link

Currently CDDropdownItem only supports href prop. It would be nice if the Vue Router object props were also supported.

New Props:

CDDropdownItem currently extends CLink so it would be nice to implement this logic in CLink so it could be shared by all linkable components.

I can create a PR for this if you are ok with the feature.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.