![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
LJPchosen1
菜鸟上路
展开
-
《vue生成pdf封装 精进版》
首先上一篇文章我们是直接把getPdf给挂载到Vue实例上,这种写法一般都是这就在main.js中去写,这样当我们挂载得越来越多的方法的时候,我们的main.js就会变得特别乱。这时候vue.use()的妙用就出来了,我们以前经常使用的element,antd这些组件,全局引入的时候都是用的vue.use去注册,这里我们也可以把getPdf这个方法抽离出去,然后使用vue.use来注册,也就是全局挂载,这样我们那一堆代码就可以抽离出去了。包装好剩下就是使用了,使用就更简单了.接下来让我们看看怎么抽离吧。原创 2022-12-29 10:37:03 · 157 阅读 · 4 评论 -
vue实现生成pdf文件
2 接着就是第一个方法exportReport,也就是按钮触发的方法,这个方法里面很简单,就获取了pdfDom这个盒子的dom对象,然后调用生成pdf的方法outPutPdfFn。至此一个简单的生成pdf功能就实现了,上述的方法基本都封装好了,使用上述的3个方法,只需要自己对需要生成pdf内容的盒子进行id的添加,将方法带入就可以了。1 首先template部分就是,给你要到处pdf内容的部分加上一个id标识,用于获取这个盒子的dom对象,如图我这里的id是pdfDom。原创 2022-12-29 10:06:45 · 6889 阅读 · 11 评论 -
vue3中setup语法糖子组件怎么接收props和emit更新父组件变量
vue3中setup语法糖子组件怎么接收props和emit更新父组件变量原创 2022-09-23 10:26:59 · 874 阅读 · 0 评论 -
父组件给子组件传值动态传入的值一直显示的都是第一次传入的值,vue子组件监听父组件的传值
由于已撤销是由外部传入的变量11来获取的 当传入的props变化后 没有对已撤销这个变量进行更新,所以,传入的props变化了,但是子组件中自己定义的变量还是原来的值已撤销。父组件给子组件传值动态传入的值一直显示的都是第一次传入的值,为什么会出现这种问题?其实不是父组件只在第一次进行了传值,其实每次传值他都给子组件传了,而是你在。所以需要对传入的props进行监听,然后在监听中更新状态。这是父组件中引用的子组件 往子组件中传入了value。看父组件的值已经变成7了但是状态还是已撤销。原创 2022-09-17 11:07:43 · 1497 阅读 · 0 评论 -
父组件将请求到的接口数据传递给子组件时,数据还没到子组件就出现了,子组件接收到的props为‘‘
父组件将请求到的接口数据传递给子组件时,数据还没到子组件就出现了,子组件接收到的props为''原创 2022-07-10 17:39:48 · 737 阅读 · 0 评论 -
封装一个简单的公共组件
封装一个简单的公共组件原创 2022-07-09 10:07:39 · 163 阅读 · 1 评论 -
解决uniapp中使用不了window对象问题(使用renderjs)
解决uniapp中使用不了window对象问题(使用renderjs)原创 2022-07-07 11:44:43 · 12429 阅读 · 4 评论 -
uniapp使用腾讯地图选点 没有window监听回传用户的位置信息,怎么处理
但是通过uniapp开发app好像没有window,导致监听不到数据。原创 2022-06-25 15:17:01 · 250 阅读 · 2 评论 -
vuejs中用require引入图片,出现ReferenceError: require is not defined
data() {return {img:require(‘…/…/static/logo.png’)};},script中使用require()报错,出现ReferenceError: require is not defined将require改为new URL(XXX,import.meta.url).href如下:data() {return {img:new URL(‘…/…/static/logo.png’,import.meta.url).href,};},在vite原创 2022-05-20 14:22:11 · 3720 阅读 · 1 评论 -
vue3中的ref为什么要用.value取值?为什么返回一个对象?
这篇文章将从vue3源码进行分析当我们写下let msg = ref(‘ljp’)这个代码时,vue3将如何执行首先找到vue3中三大模块中的reactivity模块,在这个文件夹下的src文件夹下的ref.ts文件下,如图然后调用如图下的ref函数(这个ref是个重载函数)其他解释如图createRef解释如下RefImpl解释如下:toReactive(这个函数和ref文件在同个目录下)的解释如下到这里就结束了源码中最后是以get set函数对value进行获取以及修改的,如图原创 2022-04-30 00:04:12 · 6155 阅读 · 0 评论 -
uniapp中前端 “Unexpected end of JSON input”报错问题
我之前有一个vue和uniapp搭建的项目遇到这个问题,发现是JSON.parse(data)使用的问题.JSON.parse()入参不能是空字符串。会出现如图:因此传入JSON.parse()的数据要对其进行检测,使其不为空。原创 2022-04-25 10:20:16 · 1577 阅读 · 0 评论 -
简单的vue项目打包上线,配置vue.config.js解决打包以后页面空白问题
只适合简单的打包上线文件中写入一下代码module.exports = { publicPath: "./"};npm run build重新打包原创 2022-01-23 20:57:08 · 566 阅读 · 0 评论 -
router.beforeEach 全局守卫 路由导航的用处及部分作用
router.beforeEach就是全局守卫,也被叫路由导航第一个重要的问题是它什么时候会执行呢?=>路由跳转就会触发第二个重要的问题是它怎么写,有哪些参数,和注意点?=>在路由中写上meta属性,实现左上角title的动态变化,如图router.beforeEach((to, from, next) => {// 从from跳转到to// 实现动态切换document.title属性document.title = to.matched[0].meta.titlene原创 2021-09-20 22:22:51 · 652 阅读 · 0 评论 -
vue动态路由传参 this.$router和this.$route的区别
很多人对this.router∗∗和∗∗this.router** 和 **this.router∗∗和∗∗this.route的区别不是很清楚首先,我看来 this.router拿到的是newRouter并且在每个创建出来的组件中都会被赋予一个router拿到的是 new Router 并且在每个创建出来的组件中都会被赋予一个router拿到的是newRouter并且在每个创建出来的组件中都会被赋予一个router然后,this.route拿到的是route路由规则中被激活的当前组件(一般可以传取参数原创 2021-09-20 16:59:32 · 224 阅读 · 0 评论 -
These dependencies were not found:
These dependencies were not found:-!../node_modules/css-loader/dist/cjs.js??ref–6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref–6-oneOf-1-2!./assets/css.normalize.css in ./node_module原创 2021-08-24 15:54:56 · 1762 阅读 · 0 评论 -
vite的安装和使用
1.–安装vitenpm install -g create-vite-app2.–利用vite创建vue3项目create-vite-app projectName3.–安装依赖运行项目cd projectNamenpm installnpm run dev原创 2021-07-21 21:11:06 · 5557 阅读 · 0 评论 -
vue安装一直是2.9.6版本,vue-cli下载最新版本
vue-cli安装最新版的:卸载2.x版本的vue-cli :npm uninstall -g vue-cli 或 yarn global remove vue-cli安装3.x版本的@vue/cli :npm install -g @vue/cli 或 yarn global add @vue/cli再次输入 vue -V 检验:原创 2021-01-24 20:38:40 · 1685 阅读 · 1 评论