![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue
STRainie
这个作者很懒,什么都没留下…
展开
-
Vue+el-table+sortable踩坑
1、拖拽后,表格数据更新,表头显示有误(拖拽[1,2,3]➡[2,1,3],更新后为[5,4,6],应为[4,5,6])原代码<el-table-column v-for="(item, index) in col" :key="`col_${index}`" :prop="dropCol[index].prop" :label="item.label"> </el-table-column>key值绑定出错:key=".原创 2021-10-25 11:33:39 · 1381 阅读 · 5 评论 -
Vue实现搜索页面
实现功能如下图所示:(因为被腰斩,样式未调整)直接上代码:pages/Search.vue //搜索页<template> <div class="search-page"> <page-header></page-header> <keep-alive> //keep-alive包裹需更新组件 <search-content></se原创 2021-07-22 18:56:03 · 3134 阅读 · 2 评论 -
Vue实现头部导航宽屏下拉菜单
实现功能如图:(只有导航1有数据) 直接上代码:<template> <div class="menu_all"> <!-- 头部导航 --> <div class="menu" :key='"menu" + i' v-for='(v, i) in navigationList'@mouseover="menuOver(v.navigationId)"> <p>{{v.navigationName..原创 2021-07-22 18:39:26 · 1406 阅读 · 0 评论 -
Vue踩坑
1、引入组件:组件:AbcDef<script> export default { name: ‘组件名’,}</script>引入:<template> <abc-def></abc-def></template><script>import 组件名 from ‘组件路径/AbcDef’export default { name: ‘’, components: {AbcDef}.原创 2021-07-22 18:10:40 · 163 阅读 · 0 评论