As I work on a vue.js project using bootstrap-vue, I came across the following method to display an alert based on the documentation:
<b-alert variant="success" show>Success Alert</b-alert>
However, my attempt to achieve this is as follows:
<b-alert variant=alertvariant show>Success Alert</b-alert>
//...
<script>
export default {
name: 'SetPOS',
data() {
return {
alertvariant: "warning"
}
},
...
Despite this approach, the alert fails to display with the intended style. Is there a way for me to utilize variables in the variant property of the alert so that I can dynamically modify it through code?