实习某一天

64 阅读2分钟

1.引入组件库中的组件自带的方法在Vue中可以用ref去绑定那个组件,然后在script中去调用绑定的值.value.方法

2.报错排除问题的思路:报错可以去找那个文件,ctrl+鼠标左键,找到报错位置,如果有多个函数不知道是哪个出问题了就一个一个注释掉去用排除法,搞懂逻辑后发现没什么问题那就在去访问的接口去看网络参数。vscode左上角搜索按钮,去搜索函数找到对应文, 去看发起的网络请求是怎么样的里面的参数是否有值。

3.报错说有什么找不到或者没有引入或undeifned 那就去pnpm下载它

4.子组件是弹窗 子组件要暴露打开它的方法.父组件去调用这个方法去打开,如果觉得子组件做的没问题,做的是微信小程序的项目,那微信小程序要重启,去看它到底有没有展示那个组件,碰到像二维码这样的需求,改下库就下库,不要怕多些依赖,vscode提交了还要push别搞忘了

5.测试:大部分盒子都不要设定固定的高度,尤其是有文字的,写min-height这样子在height:auto让子元素去撑开它

6.表单验证:一般是引入的组件会有:rules=""这个属性,假设这里:rules="dataRules",那就去给dataRules赋值,比如const dataRules = ref({}),在模板中根据引入的组件的元素设置props属性,这里举例props=Link,那就再dataRules加入下面这些,

Link: [
    {
      required: false`,`//字段是可选的
      message: "请输入链接",
      trigger: "change"//操作时触发验证
    },
    {
      type: 'url',//指定字段值的类型,例如没有 `http://` 或 `https://`,或者其他网址格式不合法
      message: "请输入合法的网址",
      trigger: "blur"//离开输入框时
    }
  ],