写点什么

Vue 进阶(幺叁肆):npm 查看包版本信息

发布于: 刚刚
Vue进阶(幺叁肆):npm查看包版本信息

一、第一种方式

npm view jquery versions


这种方式可以查看npm服务器上所有的jquery版本信息;

二、第二种方式

npm view jquery version
复制代码


这种方式只能查看jquery最新的版本是哪一个;

三、第三种方式

npm info jquery
复制代码


这种方式和第一种类似,也可以查看jquery所有的版本, 但是能查出更多的关于jquery的信息;

四、查看本地下载的 jquery 版本信息

4.1 第一种方式

npm ls jquery 
复制代码


(查看本地安装的jQuery),若本地未安装jquery,则返回empty

4.2 第二种方式 (查看全局安装的jquery)

npm ls jquery -g   
复制代码

五、延伸阅读 vue 报错 data functions should return an object

5.1 问题描述

在 vue 里出现警告信息:data functions should return an object


5.2 原因

component 中的 data () {}中 return 要求返回一个对像。即使无内容也要返回一个空对象

5.3 解决方案

返回空对象


data () {  return{}}
复制代码

六、延伸阅读 动态表单校验

在前期博文《Vue进阶(三十):vue中使用element-ui进行表单验证》、《Vue进阶(幺幺叁):关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题》、《Vue进阶(幺贰幺):表单校验注意事项》中主要讲解了form表单校验应遵守的约定及常见问题解决方法。在实现动态表单,且表单项为后台动态生成时,若form表单属性不存在,但是在datarules下定义了表单属性的校验规则,IE下就会给出相应的错误提示:"please transfer a valid prop path to form item"



那么,就需要通过更换表单校验方式来解决。可直接在<el-form-item>中添加rules


<!--处理建议--><el-form-item :label="$t('pendingInfo.processInfo.lettopin')" prop="lettopin" v-if="oponionArr.length > 1 && oponionArr[1].isdisplay === '1'"     :rules="[{required: oponionArr.length > 1 && oponionArr[1].isinput === '1', message: $t('flowManage.ChgOprPsn.message.plsApprOpropin'), trigger: 'blur'},               {min: 0, max: 1000, message: $t('gplssignal.message.maxthousand'), trigger: 'blur'}]"><cc-input type="textarea" :rows="4" style="width: 77%; word-break: break-all;"   v-model="formCommit.lettopin" :placeholder="$t('flowManage.ChgOprPsn.message.inputContent')"   :maxlength="1000"   @blur="formCommit.lettopin = formCommit.lettopin.trim()"></cc-input>
复制代码


以上便实现了动态表单下表单属性校验。

七、拓展阅读

发布于: 刚刚阅读数: 5
用户头像

No Silver Bullet 2021.07.09 加入

岂曰无衣 与子同袍

评论

发布
暂无评论
Vue进阶(幺叁肆):npm查看包版本信息