小编CHH*_*ina的帖子
BootstrapVue 中 Sidebar 禁用滚动并处理 Close 方法
我想问 2 个关于BootstrapVue中的Sidebar 的问题。
- 打开侧边栏后禁用滚动
- 单击侧边栏（背景）外部时如何处理关闭方法
我正在使用https://bootstrap-vue.org/docs/components/sidebar
<template>
<div>
<b-button v-b-toggle.sidebar-backdrop>Toggle sSidebar</b-button>
<b-sidebar
id="sidebar-backdrop"
title="Sidebar with backdrop"
backdrop
shadow
>
<div class="px-3 py-2">
<p>
Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis
in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
</p>
<b-img src="https://picsum.photos/500/500/?image=54" fluid thumbnail></b-img>
</div>
</b-sidebar>
</div>
</template>
谢谢并赞赏。
6
推荐指数
推荐指数
1
解决办法
解决办法
5018
查看次数
查看次数
在 BootstrapVue 中关闭 Modal 时防止关闭 Toast
在 BootstrapVue 中关闭 Modal 时，我想防止关闭 Toast。
设想：
- 打开页面上的 Modal 和 Toast
- 关闭模态
- 然后 Modal 和 Toast 同时关闭
问题：如何保持 Toast 停留
created() {
this.$bvModal.show('modal-form-id')
const errorToaster = {
title: 'Success',
toaster: 'b-toaster-top-center',
variant: 'success'
}
this.$bvToast.toast('Success', errorToaster)
},
methods: {
closeModal() {
this.$bvModal.hide('modal-form-id')
}
}
5
推荐指数
推荐指数
1
解决办法
解决办法
832
查看次数
查看次数
vue-chartjs - 中间有文字的甜甜圈图
我想在甜甜圈类型的图表中添加文本。
我在我的 vuejs 项目中使用这个插件：https : //github.com/apertureless/vue-chartjs
目前，它显示所有图表。
我只想拥有 Donut chart，但它显示了所有图表。
//*** Doughnut chat ***//
import { Doughnut } from "vue-chartjs";
import Chart from "chart.js";
export default {
extends: Doughnut,
data: () => ({
chartdata: {
labels: ["Cambodia", "Thailand", "Vietnam", "Laos"],
datasets: [
{
label: "Data One",
backgroundColor: ["#a3c7c9", "#889d9e", "#647678", "f87979"],
data: [91, 3, 3, 3]
}
]
},
options: {
legend: {
display: false
},
responsive: true,
maintainAspectRatio: false
}
}),
mounted() {
this.renderChart(this.chartdata, this.options);
this.textCenter(880);
}, …2
推荐指数
推荐指数
1
解决办法
解决办法
4207
查看次数
查看次数