haoxinqing222的博客

在前端需要做浮点数的计算时，如果计算的地方很多的话，需要很精确的话，建议使用math.js这个插件库，非常好用，如果只有很少的几个计算，可以使用以下方法math.js下载：npm install mathjs --savemain.js引用并全局注册：import * as math from 'mathjs'Vue.prototype.$math = math使用：加减乘除：add,divide,multiply,subtractthis.$math.add( <!--加数--

一开始直接split(’.’)，后来想文件名可能也有点点，比如nihao.ni.pnglet fileName = 'nihao.ni.png'let lastIndex = fileName.lastIndexOf('.')let type = fileName.substring(lastIndex+1) // png

工作中遇到的原生jquery写的一个问卷，textarea有一个字数限制，，在pc端用的是keyup统计的字数，可以运行，但是在手机上，统计的字数是你输入的拼音的个数，，而不是最终的你选择的中文的个数，而且复制粘贴过来的也统计不了，找了很多资料最后用的propertychange完美解决了复制粘贴的问题，keyup事件改用input事件解决统计不准问题$(`textarea`).bind('input propertychange',function(){ // code是题号 let

我们的UI样式跟antd的颜色不太一样，所以要全局修改一下主题颜色，这是再有less的前提下，如果项目使用的不是less，请先下载less的依赖第一步：下载依赖npm install @craco/craconpm install craco-less第二步：修改package.json（一般自己就自动改了）"scripts": { "start": "craco start", "build": "craco build", "test": "craco test"

有些时候，input的边框都是不需要设置的，因此，我们会给input添加border为none的样式，但是，当input获取焦点后，还是会有一个黑色的边框，这时需要设置outline为none,这样就不会再有边框的问题input{ border:none; outline:none;}...

只要改下方法就行，目录：src/components/side-menu/mixin.jsitem.children.length > 1 改为 item.children.length > 0即可showChildren (item) { return item.children && (item.children.length > 0 || (item.meta && item.meta.showAlways))},...

https://blog.csdn.net/m0_49993061/article/details/108267104

使用场景：需求中是要获取到当前日期以及之后4个月的日期，类似这个月21号到下个月21号这种的，但是有几种特殊情况：这个月31号到下个月时，只有30天如果4个月之后为2月，那最后一天是28号chooseMonth () { let now = new Date() let year = now.getFullYear() let month = now.getMonth() + 5 let day = now.getDate() if (month >

table中添加单选，在table的列数据中添加render函数// 首先在data中定义currentid:''// 然后在table的列数据的第一列添加如下代码{ title: '选择', key: 'choose', width: 70, align: 'center', render: (h, params) => { console.log(params) let id = params.row._index;//params是一个对象，row中会有

使用场景：table中有好几个select下拉框，比如当第一个下拉框的值选中为某一个时，后面的几个下拉框为必填，否则不必填解决方案：首先在table的最外侧用form包裹，然后哪里需要验证，就在哪个元素外面用formItem包裹，原理很简单，可是由于我的数据包裹的比较多，数据还是从上一个页面传过来的，所以就整了好长时间，主要是prop绑定的这块有问题。ps：如果你想当第一个选中那个需要的项时，后面几个立马就显示‘必填’字样，可以用iview中form API中的error属性，看下面例子就可以<

使用场景：一个数组有两个对象，需要验证对象中的两个字段是否正确填写，否则报错，我一开始是直接写在循环中的，这样如果两条数据中都没有正确填写，那就会执行两遍报错，问了问身边的大佬，得到两个解决方案1、用for循环的方法加上break就可以for (let i = 0; i < this.detailDatas.length; i++) { console.log(i) if (this.detailDatas[i].penny && this.detailDatas[

我现在做的这个是vue多页面的项目，有一个场景是，上一个页面选中表格的数据，作为参数传递给下一个页面，每次选择不同的参数都会打开一个新的页面，第一次打开，还是执行created和mounted的，第二次或之后在打开就不执行了，所以在created和mounted中赋值时都是第一次赋的值，虽然url里是不一样的数据，奈何页面拿不到啊，解决办法：在watch方法里在赋值一遍watch: { '$route' (to, from) { console.log(this.$route.q

使用场景：一个表格中，可能有两行以上，但每行的东西都一样，比如我这个表格中，每行的第一列都是一个下拉框，这时候绑定数据的时候就有点费劲了，你要是v-model一个固定的值，那么在你选择第一行的时候，第二行也会是你选择的那个，为了解决这个问题，也是找了不少资料，不过大部分是render函数写的，iview其实现在用slot的方式也可以解决<i-table :columns="detailColumns" :data="detailDatas"><template slot-scope="

一般的路由传参this.$router.push({name:'My',params:{id:'123'}})this.$router.push({path:'/my',query:{id:'123'}})对于传参过后，跳转到的页面进行刷新行为，参数丢失问题，一般有下面几种方法用query传参，query类似于get传参，参数会在url中显示，例如：this.$router.push({path:'/my',query:{key: []}})接收参数：this.$route.query

公司新发的虚拟机在chrome浏览器下F12手机模式浏览时，竟然不显示鼠标，真是第一次见，查了资料，说是设置显卡，可是我找不到显卡的位置，就又搜到了一个方法，大家可以去看，具体的我整理了一下chrome浏览器右上方三个点–设置–搜索‘硬件’–使用硬件加速模式（如果可用），关闭这个在浏览器的地址输入栏输入：chrome://restart，再刷新刚刚的页面，就可以显示鼠标了亲测有效！！！...

解决方法：确保安装了git(git bash)，重新添加两个环境变量，此电脑–属性–高级系统设置–环境变量–系统变量–path–编辑，添加的两个为：C:\Users\54416\AppData\Roaming\npm 和 C:\Program Files\Git\cmd，然后重启电脑，在git init，git clone 要下载的地址...