WhatUpDanger

在.NET中使用Vant组件的多选下拉菜单出现问题的解决方法？

.net做移动端页面，使用vant组件多选下拉菜单，为什么会出现下面这个问题，直接复制vant官网的都没用 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/4b17149c3f2ef809ce94893812a3bc74.png) “2023，我们这一年” --%> --%> --%> .van-image-preview__index { left: 0%; /* bottom: 22%;*/ top: 80%; } .van-image__error, .van-image__img, .van-image__loading { height: 80%; } .van-image-preview__image { height: 80%; } 次按钮 主按钮 主按钮 var app = new Vue({ el: '#app', created() { }, mounted: function () { }, data() { return { inlineOption: [ { title: '标题', options: [ { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' } ] }, { title: '标题1', options: [ { text: '内容1' }, { text: '内容1' }, { text: '内容1' }, { text: '内容1' } ] } ], inlineOption1: [ { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' }, { text: '内容' } ] } }, methods: { changeOption(options) { this.inlineOption = options; this.inlineOption.map(item => { console.log(item.options.filter(obj => obj.checked)); }); }, changeOption1(options) { this.inlineOption1 = options; console.log(this.inlineOption1.filter(obj => obj.checked)); }, onCancel() { this.$refs.inlineOption.reset(); this.$refs.inlineOption.toggle(); }, onConfirm() { this.$refs.inlineOption.toggle(); }, onConfirm1() { this.$refs.inlineOption1.toggle(); } } });