赘述一下背景，最近在做一个OA项目，项目中有打印功能，而且有不同的打印接口和请求方法，get请求方式url拼参数的就不多说了，没有什么难度；今天主要讲的是接口请求为post方式，且要在新页面打开需要预览的pdf内容！ 网上关于pdf查看的解答很多，但是要么不详细，要么没有效果，都不能解决我的问题…好难啊！下定决心开始研究，从接口请求的header头，返回的数据类型一直到跨域，可以说是很心酸啊！不废…
先说简单的阻止事件，这个方法不限于Vue使用，就直接在input类标签上添加**@paste.prevent 即可，源码下图，我用的是vant的field标签，input类标签都可以用这个事件 但是这个只是一个简单的拦截事件，如果想要拦截下来并执行一些其他的操作，比如弹toast提示用户不允许粘贴，那就可以直接用这个事件调用自定义方法@paste=“preventPaste” 实现一些其他操作，同…
如何预览一个.vue文件进行预览呢？ 每天写个页面，都要配置脚手架，能不能像以前开发前端页面一样，写一个index.html,然后编写js，css，就可以在浏览器上运行了呢？可是我又不想舍弃vue，那么能不能全局搭建一个脚手架，供我来使用呢？ 今天翻阅文档，发现了官方文档给出了一个方案 安装 npm install -g @vue/cli @vue/cli-service-global # or …
使用 mitt // 全局引入 npm install mitt 或者 cnpm install mitt 在main文件中挂载 import { createApp } from 'vue' import App from './App.vue' import mitt from 'mitt' // 导入mitt const app = createApp(App) app.config.glo…
1.extend用于创建一个子类Vue,用$mount来挂载 template:' { {a}} { {b}} { {c}} ', data:function(){return{ a:'Welcome', b:"To", c:"BeiJing"} } });new app().$mount("#app") 2.Vue.nextTick([callback,context])在下次 DOM 更新循环…
vue中如何图片等静态资源如何引入代码中？如何解决打包后部署js,css文件404？静态资源图片路径找不到？publicPath设置原理？ ① 静态资源如何引入代码中（分为src/assets & public） 首先说说这两个文件夹区别：当放在public中时是不经过webpack打包编译 原样输出到dist里面 而src/assets中会经过webpack处理比如base64等等 &l…
在vue的使用中，有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量 $event 把它传入方法： <button v-on:click="say('hello!', $event)">Submit</button> // ... methods: { say: function (msg, event) { // 现在我们可以访问原生事件对象 event.…
vue3中在箭头函数和普通函数中使用async awit调用接口 方法一:在箭头函数中使用async awit <script setup> const getList = async () => { const data = {size:300,dealerId:0,tabType:0,currentPage:1,status:0} const res = await quer…
背景：在本地项目开发中，调用第三方服务获取音视频通话，音视频通话是采用 WebRTC 来实现的，而 WebRTC 中使用音视频设备进行取流是需要在安全域下才可以调起的设备权限 解决方案：使用npm安装mkcert，配置证书； mkcert是一个简单的工具，用于制作本地信任的开发证书，有两个命令： create-ca //创建证书颁发机构 create-cert //创建证书（需要先根据 creat…
View层 点击出现弹框 点击出现弹框 数据层： export default { data() { return { showModal: false }; } }; 样式层： .mask { background-color: #000; opacity: 0.3; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-i…