求大神指教 webpack+element-ui无法显示table组件

Posted 2023-04-18

我没有使用vue-cli脚架 就用了普通的webpack然后其他element-ui的组件都能用 就table组件在页面上显示不出来查看F12代码显示如图2我把 :data 修改掉会显示暂无数据如图3求大神救救我 这个问题困扰我好久了

参考技术A webpack配置有问题， 不知道怎么改的话 你把elementui 改为script标签引入就行了 参考技术B el-tab组件外面包一层div试试。 参考技术C 遇到这个一模一样的问题

我用JQuery miniui 做了一个表格，求大神指教一个下拉框问题

上方三个必选条件（input），input的下拉框内容是从数据库里拿出来的，要求是在输入框里输入达到模糊查询（我已完成），但是如果输入了下拉框里没有的数字或字母，下拉框还是会显示一个空白的下拉框
请问大神是否有什么办法当输入不存在的东西模糊查询后，别让input出现那个空白的下拉框，请详述，万分感谢

参考技术A 用input和datalist标签共同完成，可以进行模糊查询，并达到你说的没有模糊下拉框的效果
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>追问

如果有另一种情况：如果输入的是已存在于数据库的内容，则允许执行下一步，但input框有一种缺陷，输入不存在于数据库的内容后，会出现一个没有内容的空白下拉框，一旦用户点了这个空白下拉框，input框内的内容就不会被检查，请问大神，有没有什么办法可以让输入的内容不是数据库里的内容时别出现空白的下拉框么？只要别出现就好

追答

既然是下拉框，那肯定是先从数据库中读取数据，你遍历获取到的数据到option输出，然后模糊查找的时候就不用再次查找数据库了呀，datalist带有模糊查询功能，直接在输入框中输入内容，不存在什么都不会显示的

这是上面给你例子的截图，并没有空白下拉框



