学习笔记
mofuu
才疏学浅
展开
-
element Table 展开行功能 (只展开一行)
参考了博主冰雪为融的文章:https://blog.csdn.net/lhjuejiang/article/details/103816027我改了一下条件,只允许一行展开,点击展开其他行时已展开的行会关闭,感觉这样体验比较好,效果图如下:在html处添加<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" height="600" @selection-cha原创 2021-03-16 17:25:15 · 5610 阅读 · 5 评论 -
el-input的按键监听
今天给搜索框加按键监听,发现这样写不起作用<el-input v-model="form.input" style="width: 300px;" @keyup.enter="submitForm()"></el-input>解决方法:使用.native修饰符<el-input v-model="form.input" style="width: 300px;" @keyup.enter.native="submitForm()"></el-input>原创 2021-03-13 20:03:28 · 985 阅读 · 0 评论 -
ajax+php+mysql实现搜索功能
效果如图:思路是搜索时根据url传关键词(非常抱歉录屏时没录到地址栏),然后根据返回的数据生成<li>,如果传一个空的值,就会返回数据库里的所有数据(我这里只有7条数据)。html部分: <div class="search-input"> <input class="input-text" type="text" placeholder="人间失格" /> <button onclick="tosearch()">搜索</bu原创 2021-03-08 01:44:31 · 528 阅读 · 0 评论 -
elementUI el-table的简单应用及实现删除功能
html文件 <div id="app" class="app"> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" > <el-table-column type="selection" width="55"> </.原创 2021-03-07 21:40:42 · 1352 阅读 · 0 评论 -
ajax+php+mysql实现简单登录功能
有参考网上的文章, 由于记不清是哪些了,在此就不一一写明了!login.html<head> <meta charset="utf-8"> <title>登录</title> <link rel="stylesheet" href="css/zhuce.css" /> <script src="//unpkg.com/vue/dist/vue.js"></script> <script sr原创 2021-03-05 18:46:10 · 378 阅读 · 0 评论