标签页+标签编辑页

简介: 标签页+标签编辑页

标签页+标签编辑页


1. 再次封装 recordListModel

  • 写类型的两种方法\
  1. 声明一个 type
type RecordListModel = {
      data:
    }
  1. 强制断言
data: [] as RecordItem[]

2. 给 window 加上属性

// custom.d.ts
interface Window {
  tagList: Tag[]
}
// 目的是防止自己手贱

3. 用 window 来封装 api

  • tag 里面除了 id 的所有东西
window.updateTag = (id: string, object: Exclude<Tag, 'id'>){
  }
  • 类型一样进行简写
interface Window {
    tagList: Tag[],
    createTag: (name: string) => void,
    removeTag: (id:string) => boolean,
    // updateTag: (id:string, name: string) => 'success' | 'not found' | 'duplicated'
    updateTag: TagListModel['update']
  }

4. 目前代码存在的问题

  1. 全局变量太多\
  • 通过挂到 window.store = {}解决
  1. 严重依赖 window

5. 目前代码存在的 bug

  • 导致原因,数据引用和对象引用,解决办法数据和对象都放 computed,computed 的功能是原来的值变化就会更新外面的值

6. 使用 store 小技巧

  • 在 main.ts 中写
import store2 from '@/store/index2.ts'
Vue.prototype.$store2 = store2
// 就可以在任何一个实例中用this.$store2来访问


相关文章
若依如何创建二级页面菜单,点击目录后,右侧空白的悬浮空白的内容,点击系统管理的菜单管理,上级菜单点击主类木有个小三角,选择我们之前创建的主类目
若依如何创建二级页面菜单,点击目录后,右侧空白的悬浮空白的内容,点击系统管理的菜单管理,上级菜单点击主类木有个小三角,选择我们之前创建的主类目
|
前端开发
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
Bootstrap tab页签刷新加载不显示,只有点击其他标签后第一个才显示
112 0
|
前端开发 编译器 开发者
首页-底部页签 |学习笔记
快速学习 首页-底部页签
首页-底部页签 |学习笔记
|
前端开发 编译器 开发者
首页-底部页签
快速学习 首页-底部页签 |学习笔记
134 0
首页-底部页签
|
前端开发 JavaScript
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
278 0
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
437 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
【Layui】对于列表页复选框只有选中时才会显示
【Layui】对于列表页复选框只有选中时才会显示
183 0
【Layui】对于列表页复选框只有选中时才会显示
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
|
JavaScript
网页切出当前标签页时更改标题状态
网页切出当前标签页时更改标题状态
151 0