u014642921的博客

原创 安装谷歌vue开发工具插件devtools支持vue2

原创 关于使用v-bind绑定多个属性值的问题

是{}json的方式。如el-input组件绑定required, type, 就要返回{required: true,type:‘text’ } 这样的内容。属性值过多，都写死很臃肿而且不方便维护。通过v-bind绑定非常方便。改以怎样的方式处理呢。返回值的格式需要注意。下面是两张动态处理v-bind属性的方法。第一张是写在了方法里面，第二张使用了虚拟属性。使用虚拟属性更优，有缓存。使用v-bind绑定就是对属性和值进行了处理。

原创 自定义表单解析逻辑配置

【代码】自定义表单解析逻辑配置。

原创 vue中父传子与子传父的方式和用法

原创 el-dialog组件中visible.sync的原理

sync字面意思是同步。在询问大模型后发现就是父子组件进行通信。会在组件内部实现v-mode响应机制。子组件内部控制页面的显示隐藏再通知父组件, 将标记同步给visible。在控制el-dialog时，使用v-if失效，无法显示弹窗。为什么不能用v-if来控制呢？可以使用visible.sync。

原创 vue2样式穿透属性::v-deep

【代码】vue2样式穿透属性::v-deep。

原创 ruoyi后端框架的mapper层复杂字段数据获取问题

原创 子组件暴露方法，父组件获取

实际情况：在子组件method方法中定义方法。在父组件通过ref引用调用子组件的方法获取子组件的数据。

原创 computed理解持续更新

data，props中定义的都是响应式数据。而watch, computed, methods,中的数据可以对响应式数据进行跟踪，变化后会进行响应。下面是computed其他用法。最强大最常用被评价。首先，可以像data一样定义属性。

原创 elementui响应式数据类型变更情况

应用在el-select中（非multiple情况）。当发生响应数据有变更渲染视图时，发现定义的数组转换成了字符串。computed计算属性可以被监听。通过在computed中声明属性conditonListnew, 在watch中监听声明的属性。后通过computed计算属性序列化对象为json后，在调试时能够直观看到属性值的展示，才发现问题。但因为疏忽引发了watch监听formData数据时产生了产生了多次监听事件。这种情况，没有multiple时v-model是字符类型数据。

原创 数组用引用初始化做关联减少复杂度

原创 v-for循环:key的问题

【代码】v-for循环:key的问题。

原创 自动引入依赖导致报错,较难发现

原创 前端数组的常用方法

原创 vue2中setTimeout中调用methods方法问题

原创 异步获取方法结果的方式

原创 前端api中使用data传参源码解释

背景：动态传递url和参数。post请求传参失败了，看源码，问大模型，发现与get请求传参是不同的。get传参，与method同级参数名称为params, 而post用data。再有就是传递的动态数据。如getRegions方法的data数据，要是json格式的。

原创 获取全国行政区划数据

开始认为在网站上可以直接下载到区划编码的json格式数据。但是找到了能够查询的国家民政局网站，提供了截至到5月份最新的数据。背景：自定义表单要做级联组件。需要配置远程接口获取区划数据。，进入网站后点击菜单栏民政数据就可以看到。

原创 组件传值的两种用法（父传子）

原创 动态组件(component)的高级使用

背景：在编写自定义表单时。遇到属性设置，需要动态生成页面。类型名称需要是下拉框的类型。既然是动态的所以渲染要做成适配不同组件使用的级别。

原创 import引入api报select.default is not a function异常解析

【代码】import引入api报select.default is not a function异常解析。

原创 样式基础知识

对齐与定位：justify-items、align-items、justify-content、align-content。主轴对齐：justify-content（如 flex-start、flex-end、center 等）。交叉轴对齐：align-items（如 flex-start、flex-end、center 等）。Flex 子项属性：flex-grow、flex-shrink、flex-basis。前端框架与库：如 Vue、React 中的 CSS-in-JS 技术。

原创 处理嵌套获取v-model替代方案

总结：这些内容基本上是大模型给写的，提供的方案。于此同时除了欣赏还要弥补自己的不足，有一些计算方法是平常用不到的。

原创 自定义表单右侧属性使用v-bind绑定渲染

背景：若将不同组件所需要的属性都写死在上难以维护。还会在属性栏造成麻烦。

原创 ruoyi框架重复提交限制解读

1. 刚开始遇到错误。发现前端无法解决。只以为是前端的错误。发现是接口返回的【提示信息】。2. 重复提交是必须要有的。可以添加参数进行提交频率限制4. 这个国际化在这次排查中是没有想到的。只有看到源码才知道。

原创 JsonTypeHandler解析数据库json类型字段

背景：前端保存到数据库中的为json格式字符串。在解析后回显前端时需要使用到json格式。如果按照固定思维需要在后端增加很多的类字段以应对这个问题。解决的方案就是使用Map对象接收转换后的数据（这里的数据是json的格式存储的）使用向JacksonTypeHandler这样的方式还能够解析数据库存储的0或者1的数据，转换的前端后是true和false的转换。解析后的数据，在前端api响应中可以查看。配置json处理器类并使用注解方式配置。

原创 template标签下禁用问题

错误正确。

原创 vue组件对外属性类型错误接收问题

背景：自定义表单数据保存后的回显。

原创 flowable查询历史流程实例时条件变量的类型问题

背景：需要查询已发起的流程，来判断用户是否已经发起过流程，做业务操作。

原创 vue通过路由传参时布尔类型问题

背景：微信小程序使用uniapp开发。其中遇到页面跳转需要控制页面能够进行编辑，使用readOnly进行控制。但路由传参接收后的值始终是true。发现问题是因为传参时参数都被转换成了字符串类型。

原创 flowable流程引擎开发记录

全部中区分运行和结束。

原创 post请求传参,使用map接收，调试时遇到的奇葩问题

原创 uniapp小程序不支持动态组件问题

【代码】uniapp小程序不支持动态组件问题。

原创 vue父子组件通信的使用, 跟新v-model

背景：自定义表单开发时。对发布的表单进行数据填写。

原创 vue定义的组件在外部引入时的问题

所以我就想说了，这找谁问去。按照正常逻辑是可以加{}引入的。组件只能是作为唯一组件引入，不加{}也是正常。但在我写了多个值时再提示才更好一些。在外部引入自定义组件时，不能使用{}。

原创 ruoyi框架添加开始事件自定义属性解释

背景。修改设计图表。添加自定义的业务逻辑。增加表单组概念。要将选择的表单组id（formGroupId）更新至元素标签中。

原创 验证其NotBlank与NotNull用错后异常

使用ruoyi框架生成代码时，生成前编辑取消了生成主键。导致还得手动配置查询入参。

原创 vue基础语法总结

指令：均支持响应式。大部分仅支持单项数据传输。如v-if, v-show, v-bind等。而v-model支持双向数据传输。v-on使用了@替代。v-if与v-show的区别。v-bind与v-model。

原创 组件和插件的命名规范问题

原创 列表关联数据默认选中分析

使用this.$nextTick。这个nextTick是非常有用，会vue生命周期方法。在dom或依赖数据更新视图后才会调用。比如说，用在对列表数据获取完之后要处理数据时。使用item.checked不起作用。这个问题是应为组件没有开放此属性，不受外界控制。而通过以下方式自定义复选框就可以设置v-model进行处理了。主表设置关联的子表内容。在查询出来预选数据后，将已关联的数据与预选数据进行匹配并自动选中预选数据。还可以这样操作，因为nextTick是异步的。