元仙僧的博客

解决pinia报错： getActivePinia was called with no active Pinia. Did you forget to install pinia

vue+vite配置多入口文件

elementPlus UI的dialog弹框组件在设置了draggable属性后就可拖动弹框，但是当弹框的内容高度大于视口高度时去拖动弹框就会出现显示问题。

方法一： 利用Keep-Alive和监听器1.首先在路由中引入需要的模块{ path: ‘/scrollDemo’, name: ‘scrollDemo’, meta: { keepAlive: true // 需要缓存 }, component: resolve => { require([‘../view/scrollDemo.vue’], resolve) } } 2.在App.vue中设置缓存组件<ke

edge浏览器报错 “this” is not defined看报错经过一番排查发现，是vue在取值的时候，写了一个多余的this这个this过去一直认为其实就是指向该区域的vue对象，所以写不写其实没关系，这个代码在谷歌和ie都没问题，唯独在这个edge浏览器报错，去掉这个this就没问题了。微信PC浏览器无法打开vue项目网上看了很多关于此问题的解决办法，有说是es6语法的问题，...

在用vue做调度系统项目的时候引用高德地图api进行地点输入时需要提示可能的地点。就是高德地图api的输入提示插件，这有一个好处，高德地图api传过来的json中含有坐标，方便在地图上打点以及地图相关操作。看实例我需要在输入地址的时候可以显示可能的地址列表，如下图。官方实例：https://lbs.amap.com/api/javascript-api/example/input/inp...

这块的功能非常简单，只是挑出来做个备份，方便以后其他项目用到。用的vue的框架，所以只展示功能部分代码.UI是自己写的，可以用自己的。 <div class="row inputRow"> <label for="dianhua" class="col-2 col-form-label">电话</label> <div cla...

computed计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。watch监听的是你定义的变量,当你定义的变量的值发生变化时，调用对应的方法。<div>{{Name}}</div>data...

在vue项目中使用jquery的select2插件，无法获取到下拉框的值，后来看文档通过封装组件的形式解决了这一问题 * select2封装 */Vue.directive('select2', { inserted: function (el, binding, vnode) { let options = binding.value || {}; ...

最近在看vue-router的时候碰到的问题，路由传参总共有几种方式，区别在哪里？看了很多大佬的文章总结一下官方文档：https://router.vuejs.org/zh/guide/essentials/passing-props.html首先，路由如何接收参数？通过this.router.push进行编程式跳转，router−link中的to属性进行路由切换，通过this.router...

213123