weixin_51145717的博客

原创 块级 行内块 行内

display:inline-block// 转换为行内块元素。// 转换为行内元素。// 转换为块级元素。行内： a span label。

原创 登录的前后端实现

这段代码是一个用来发送GET请求的函数，适用于Uniapp框架。它通过Promise来处理异步请求，并包含了令牌验证和错误处理逻辑。这段代码定义了三个API接口的调用方法，并将它们导出以便在其他模块中使用。具体而言，它们使用已经定义的。请求头 查询参数 路径参数 请求体 这四个是400时参数可能写错的地方。也可能是请求方法出错了。函数来发送HTTP请求。

原创 公司项目_考勤_首页

组件提供一些配置选项，以控制日期选择器的行为和显示方式。这些选项可以包括禁用特定日期、设置初始日期范围、定义快捷选项等。el-data-picker v-model 把time1和选择的月份进行绑定。

原创 公司项目_考勤_salary组件

日期选项框：v-model 选择的月份 与data中的months双向绑定组件的@change事件会在日期变化时触发。在登陆成功时 customerTel 存在 months为nullinit 调用getSalaryApi接口 获取薪资信息this.salaryList=res.data.data 拿到根据传递给接口的data数据中的months 返回不同月份的数据在<el-table>组件中，绑定了一个名为salaryList的数据属性到el-table组件的data属性。

原创 公司项目_考勤_两个弹窗

当进行确认薪资后，confirm（），scanCode调用scanCodeState接口，当用户扫码签字确认后，方法会向后台发送请求来检查签字状态。如果签字成功，后台会返回包含签字图片路径的信息。出现 签名图片对话框 imgURl就是 签名照片的地址。当点击签名图片时 触发click 回调 look。在没有确认薪资时，显示的是无图片。图片（签名）就出现了。

原创 公司_考勤项目_操作

是 Vue 2 中用于具名插槽的一种语法，通常在使用组件时用于传递数据。它允许在父组件中获取子组件传递过来的数据，并在父组件的插槽中进行使用。在60s之内，每隔2s进行一次scanCode，而scanCode中的scanCodeState是查看当前的二维码是否已经被扫描，当没有签字文件的时候，可以进行薪资的确认 （点击确认后跳出二维码对话框 扫描后会关闭）对象传递给插槽内容，使你可以在插槽内部访问。如果被扫描，关闭二维码对话框 并关闭计时器。在你的代码中，它的作用是将。

原创 chat_7.16

然后就能this...使用了。

原创 Vue3_12_computed计算属性

这在上图的最下面（引起了setter的调用）fullName是一个计算属性 只读。

原创 Vue3_11_toRefs与toRef

toReds把reactives中的每一组key和value都拎出来 形成一个新的对象。以后改name和age person的name和age都会变化。

原创 Vue3_10_ref对比reactive

原创 组件 的学习

而且在组件中，data必须写成函数式（这里写的对象形式不正确）粉色区域叫js的模块化 这个整体叫做组件。这个组件原本放在红色框位置，以后可能放在黄色位置。修改x1就会导致x2的变化。组件使用三步走 第一步创建组件已经完成了。所以这样写组件才是正确的。第二步注册组件+第三步。创建组件时不能写el。组件的里面是这样写的。

原创 生命周期 一篇所有

8个 4对这是一个停止计时器的操作这里也是停止计时器timer了 但是是通过this.destroy()vm没有了，没人驱动页面了这样最好总结。

原创 12-列表渲染

添加一个性别。

原创 11-条件渲染

写成v-show=“a”，然后再在data中给a赋值，通过操作a控制v-show=""v-if 直接让结构不存在（v-show 是显示和隐藏）当n=1时 Angular和React都能实现。当然 v-show=“ 1==1”；@后的两行直接报错，因为前面没有v-if。在标签中写 v-show=“ ”而template相当于幽灵标签。v-else不用写判断条件了。相当于多了个大div。

原创 10-绑定样式

因为atguigu1和atguigu2 都是样式名 所以拿来用合理。需求：改变div的class normal改成happy。新要求：点击div随机切换class样式。（v-bind：的简写是：）加了：后“”里的东西变成了表达式。所以a可以读取到data中所有属性。利用DOM写法（no ）把a和class绑定到一起。

原创 09 -监视属性

由于计算属性的本质是通过一个ruturn实现的，但是fullName这个计算属性无法做到1s后再return结果，所以不能实现“改变姓1s后再改变名字”这个需求，而使用监视属性的方法。这里写的this，由于箭头函数没有自己的this，往外找，由于firstName函数的this指向的vm（firstName普通函数），所以这里写的this也指向vm。vue管理的函数 因为很可能用到this，所以当写成箭头函数（没有自己的this）时，容易发生错误。这是监视的第二种方式，vm.$watch(‘被监视的’，{

原创 08-计算属性

当修改姓时，由于fullName是由姓和名计 算出来，所以fullName也会改变。data中数据也改变会使模板重新解析，才知道模板中那个位置用到了这个改变的数据，所以，本质上是执行完这个函数往vm身上放一个叫做fllName的属性，值是这个函数调用的结果。vm.fullName存在，是return到vm身上的数值，名字叫fullName。当input中的数据改变时，由于双向绑定，data中数据也改变。计算属性最后会出现在vue身上的一个属性。vm身上有fullName属性，，插值语法中的方法会重新调用。