u014642921的博客

为了提升开发效率，方便排查页面中属性的赋值。安装了devtools开发插件。具体是读取到component渲染后组件的值信息。

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

自定义表单添加手写签名组件。在组件中逻辑只有点击组件中手写签名按钮时才会显示弹窗。弹窗生成的遮罩完全盖住了屏幕，只有Esc才能够退出。但还提到了另外的数据model-append-to-body。测试没有看到什么效果。

【代码】奇葩的el-checkbox-group数组赋值。

另外我搜了下相关事件，目前只用到的只有这一个prevent.有提交事件导致，目前未发现根源在哪里。

全局目录下添加scss样式文件的导入。

【代码】动态设置类样式。

【代码】element-ui中v-model默认忽略表单中value属性值问题。

【代码】$set在何时使用。

其中的placeholder不能被正确渲染。因为Vue 不会解析 {{ }} 在属性中的内容；如果这样写编译会出问题，而且比较难找出是哪的问题。模板字符串用于变量中。表单渲染需要获取对象中属性进行赋值操作。插值不允许使用在变量中。

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

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

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

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

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

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

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

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

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

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

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

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

对齐与定位：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 技术。

页面之间的数据传递这里面用到了事件的通知。uni.nagitiveTo可以通过url传参。但是uni.nagitiveBack却不行。emit进行事件的注册和通知。但是在者之间会发现this在要回退的页面中已经无法获取了。所以需要通过另外的方式来处理。

{...data}新的json对象。

高德微信小程序sdk。

【代码】记录一下小程序城市索引栏开发经历。