vue

一、名词解析： provide：Object | () => Object inject：Array<string> | { [key: string]: string | Symbol | Object } provide： 提供依赖``是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西，也就是属性和属性值。 inject： 注入依赖 一个字符串数组，或者是一…

判断是否是数字的正则表达式 var numReg = /^[0-9]*$/ var numRe = new RegExp(numReg) if (!numRe.test(number)) { this.$message({ type: 'warning', message: '请输入数字 ', duration: 10000, showClose: true, }) return false } …

vue3中watch监听reactive数据的6种场景 <template> <h2>当前求和为：{{sum}}</h2> <button @click="sum++">点我加</button> <hr> <h2>{{msg}}</h2> <hr> <h2>{{person.na…

每行两列 <div v-for="(items, index) in departTree" v-if='index%2==0'> <a-row :gutter="24" :style="index>0?'margin-top:20px;':''"> <a-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24"> …

应用场景： 1.需要展示的pdf文件内容需要每一页上下排列； 2.需要展示用户跟第三方进行电子签名后的合同时，vue-pdf会屏蔽签名图层，导致合同缺失第三方的电子签名； 解决办法： 1.安装pdfh5插件：npm i pdfh5 --save -dev 2.具体实现： <template> <div class="outBox"> <div id="demo">…

首先去看了是否是vue-router引用的问题，排除掉引用问题之后，仍然报错。 最后发现是vue-router版本的问题，最新的版本是4.x.x，然后回退到3.1.3以后再进行测试，可以运行了 版权声明：本文为u012320487原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/u012320487/artic…

方法一：（使用这个多，实际用的很好） 1.安装两个依赖： npm install -S file-saver xlsx npm install -D script-loader 2.项目中新建一个文件夹（名字自起）： 里面放置两个文件Blob.js和 Export2Excel.js， 3.在.vue文件中 写这两个方法：其中list是表格的数据 export2Excel() { 　　　　　　req…

文章目录 前言 一、动态渲染 1.v-if 2.v-show 3.v-for 二、事件修饰 三、表单输入 1.文本输入 2.单选框 3.多选框 4.select按钮 前言 一、动态渲染 1.v-if 实现元素是否渲染 代码如下： 当v-if的依赖项 isTrue==true 时，渲染第一个标签内容，否则执行渲染v-else中的内容。 <template> <div id="app…

rowExpandable 设置是否允许行展开 :rowExpandable="rowExpandable" /**是否显示展开图标 */ function rowExpandable(record) { return record.iFshow; // 条件为false图标就不显示了 } 版权声明：本文为weixin_53685619原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上…

这篇文章主要介绍了vue 判断元素内容是否超过宽度的方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 我就废话不多说了，大家还是直接看代码吧~ let isOverflow = this.$refs.isOverflow; for (let i in isOverflow) { let cWidth = isOverflow[i].clientWidth; let sWidth…