实习记录jd

193 阅读1分钟

一、条件展示 需求:在其它页面的时候有‘操作’列,在下载权限页面中没有‘操作’列。
实现: image.png

image.png

1、直接在操作列中v-if ====>判断表达式

image.png 2、在计算属性中 将v-if的函数写明

image.png image.png

二、条件判断,不同展示

需求:image.png 实现:
image.png image.png template取代了部分prop功能,不能直接在el-table-column中使用v-if的原因:可能导致整列都不显示,现在的需求是内容展示不同,所以是给内容做判断

['3','4'].includes(scope.row.status)<只包含一个指定值>?scope.row.auditorName:'--' ===========>>>>>>>>> image.png

三、前后端联调,调接口(待编辑)

image.png

image.png

image.png params = formData + pageData 根据form里面的条件信息 或者 页数,进行查询,从接口中获取到相应数据。xian'shi

image.png

image.png image.png

image.png

image.png

四、vue3 + ts

image.png

image.png

image.png getCurrentInstance:获取当前组件实例, 其中proxy不是ES6中的proxy 此处可以为任意名称,不是必须proxy。
①在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用
②由于在执行 setup函数的时候,还没有执行 Created 生命周期方法,所以在 setup 函数中,无法使用 data 和 methods 的变量和方法

image.png

image.png