因此，这是我要使用的拨动开关的功能，我正在使用https://metroui.org.ua/inputs.html ，我要尝试做的是更改开关/复选框之前的标签，表示已选中或未选中。如果单击标签，它将更改开关，但文本不会更改。JavaScript：
$(document).ready(function() {
$('#front_set').click(function() {
if ($(this).is(':checked')) {
$(this).siblings('label').html('checked');
} else {
$(this).siblings('label').html(' not checked');
}
});
});<label for="front_set">checked</label>
<label class="switch-original right">
<input type="checkbox" id="front_set">
<span class="check"></span>
</label>我正在阅读这篇文章：https : //v3.vuejs.org/guide/component-dynamic-async.html#using-with-suspense
它指的是一个称为“可悬浮”组件的概念。
我已经研究过，但我找不到任何关于所谓的“悬浮”组件的信息。
谁能解释一下它是什么？谢谢！
因此，在 Vue 组件中，当您在模板中编写标签时，您可以像在普通 XML 中一样指定静态参数，或者可以通过在参数名称前面添加冒号来指定响应式参数。
现在，我偶然发现了这个Vuetify 示例，并使用了该v-menu组件。例如，该组件具有一个close-on-click属性，在此示例中，该属性被标记为反应性的。这是合乎逻辑的，因为在本例中，当您更改开关的位置时，该属性也会更新。
但是，您也可以指定一个常量。而且，由于常量值不会改变，因此在 Vue 中，它们不必是响应式的。但是，在这里，如果我指定close-on-click（不带冒号），它将无法正常工作。除非它是反应性的，否则它不会读取此属性。
我的问题是，为什么即使我们指定一个常量作为它的值，这个属性也需要被标记为反应性的？
那么，更准确地说：为什么<v-menu close-on-click=false不起作用，但是却<v-menu :close-on-click="false"起作用了？
false是一个常量，因此，该属性不应标记为反应性的。
我在下面的代码中尝试了这个,但图像显示在列表视图中.在这里,我尝试改变一切,比如我添加循环的jquery代码,但除了没有任何工作.
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="OwlCarousel2-2.2.0/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="OwlCarousel2-2.2.0/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="owl-carousel sliderImgs owl-loaded">
<div class="item"><img src="images/1.jpg"></div>
<div class="item"><img src="images/2.jpg"></div>
<div class="item"><img src="images/3.jpg"></div>
<div class="item"><img src="images/4.jpg"></div>
<div class="item"><img src="images/5.jpg"></div>
<div class="item"><img src="images/6.jpg"></div>
<div class="owl-controls">
<div class="owl-nav">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div>
</div>
<div class="owl-dots">
<div class="owl-dot active"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
</div>
</div>
</div>
<script src="jquery/jquery-3.1.1.min.js"></script>
<script src="OwlCarousel2-2.2.0/dist/owl.carousel.min.js"></script>
</body>
</html>
这是js文件
<script type="text/javascript">
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
}, …我正在使用 vue2 谷歌地图包，我有这样的数组对象：
markers:[
{ lat: 14.692734621176195, lng: 120.9642877585083 },
{ lat: 14.691963317641529, lng: 120.9715473253784 },
{ lat: 14.702160611177580, lng: 120.9621292582138 }
]
此外，对象标记是动态的，因此它可以包含多于/少于 3 个对象。
问题：谷歌地图在渲染时未居中对齐，因为我不知道如何找到中心坐标。有什么解决办法或建议如何将谷歌地图居中对齐吗？
javascript ×3
vue.js ×3
html ×2
jquery ×2
css ×1
google-maps ×1
owl-carousel ×1
vuejs3 ×1
vuetify.js ×1