随笔分类 - vue
摘要：大丈夫做人的道理，我便跟你说了，你也不会明白。 ————《倚天屠龙记》· 彭莹玉 项目需要：传入大批量表单数据，如图(图大向右划拉)： 需求：初始时呈收缩态，表单&按钮在一行展示，展开后表单全部展示，按钮在表单下方 由于表单项过多，因而不得不考虑封装一个表单组件； 为了与原型需求一致，因而它要支
阅读全文
摘要：“现在我们能造什么？能造桌子椅子，能造茶碗茶壶，能种粮食，还能磨成面粉，还能造纸，但是，一辆汽车、一架飞机、一辆坦克、一辆拖拉机都不能造。” 前两天在写一个比较痛苦的表单，大概是这种: 抽屉内的表单在点击不同radio时会显示不同的待选项，抽屉关闭时所有项要回到初始态。保存时要分别校验不同项下的内容
阅读全文
摘要：项目需求：一个路由页面下展示多个页面，且切换时要像真正的路由一样可以携带路由参数 三个前置知识： vue不允许在路由栈中推入同一URL地址，否则会告警：NavigationDuplicated: Avoided redundant navigation to current location: "/
阅读全文
摘要：昨天写了功能后，就又封了一个指令，可以直接应用于ui框架的input组件上 贴贴： preventChange/index.js export const preventChange = { inserted(el, binding) { const elTag = el.tagName.toLow
阅读全文
摘要：有时候需要对项目的请求和返回值进行加密请求，因而笔者使用了sm4，读者也可以使用别的库如md5 封装加解密： // ciphertext.js const sm4 = require('sm-crypto').sm4 // 此为密文key，非常重要 export const CIPHERTEXT =
阅读全文
摘要：在写demo时，装了下t-design-vue2的框架，想做个按需加载，官网这样说 但是我运行以后发现报错了 Error: Cannot find module 'node:module' Require stack: - D:\ruanjian\nvm\v19.0.0\xiangmu\niu789
阅读全文
摘要：前阵子在赶一个项目的进度，一直没时间做总结，今日闲来无事，消化一下。 背景 vue2的项目，面向受众为g端 内容 1. 项目原因，单路由下包含详情&列表两页面。根据v-if跳转，笔者这里用的是动态组件的方式 2. 同样由于项目原因，使用的模块级vuex，因而在使用时，也有了许多盲点： （如图：） 使
阅读全文
摘要：今天在做项目时遇到了一个bug，在列表页进入详情页时带入list以便子组件遍历使用，使用props传参，该list在父组件由`created`生命周期函数访问接口获取，然后子组件在使用时，直接使用`props`接收并调用，大概代码如下： ```js // 父组件 ... created(){ get
阅读全文
摘要：可以使用 this.$options.data() 获取最初在data中定义的数据
阅读全文
摘要：oninput="value=value.replace(/^\.+|[^\d.]/g,'')" @blur="value = $event.target.value" v-model.number.trim="allocate_algorithm_num"
阅读全文
摘要：今天刚开工，发现项目不能运行了 先删掉node包 然后重新npm install 报了错 百度说是由于node源的问题，但笔者本身就是tb源 后来看了别的才知道，可以down这个包解决这个问题： npm install -g node-gyp 确认这个包安装完毕 然后再重新跑一遍上面流程就可以了
阅读全文
摘要：//在input输入后按enter键可直接触发方法 handleSearch：fn @keydown.enter="handleSearch"
阅读全文
摘要：比较今天昨天与指定时间 disabledDate(current){ const formatCurrent = moment(current).format('YYYY-MM-DD') const nowDate =moment(new Date()).format('YYYY-MM-DD');
阅读全文
摘要：element: vue-helper antd-v: Ant Design Vue helper ui通常不会变
阅读全文
摘要：vuex在刷新时会导致数据丢失，因而使用了一个第三方库：vuex-persistedstate 安装 npm install vuex-persistedstate --save 使用 //store.js import createPersistedState from "vuex-persist
阅读全文
摘要：今天写完了消息模块，大致写下思路。 背景 由于之前后台组长要求，不允许使用websocket做实时消息监控，后台组长要求前端使用定时器，定时发起查询条数请求 铃铛处是消息模块的入口，且工作台处有消息的部分通知。 技术栈是vue2+antdv 需求 没有生成消息的情况下，定时一分钟请求一次接口，如果将
阅读全文
摘要：1. 序号 如果需要在给表格标注序号 const columns = [ { title: "序号", key: "index", dataIndex: "index", width: 80, align: "center", customRender: (text, record, index)
阅读全文
摘要：用antdv的v-decorator方式绑定数据，初始化时需要向后台发起一次请求 需要在mounted函数里使用 且要在nextTick（）函数内 PS: mounted() { this.$nextTick(()=>this.initList()) // console.log('this.$re
阅读全文
摘要：[antdv: Table] Each record in dataSource of table should have a unique `key` prop, or set `rowKey` of Table to an unique primary key, :rowKey="record
阅读全文
摘要：filters在vue2中很是常用，用于包装元数据，但在vue3中尤大明确表示将弃用filter，推荐使用computed全面替代filter。 想要使用computed替代filter，最难思考的就是如何在computed中承载参数了 template: <div id="app"> <div v
阅读全文
