Fiona_lms的博客

vue3.0+ts+vite. Cannot find module '@/components/HelloWorld.vue' or its corresponding

这几天在写一个项目，然后就遇到了请求的编码问题，然后在度娘上搜到了答案。我试了，是没有问题，记录一下，方便以后查阅。

transforming (408) node_modules\naive-ui\es\progress\src\Progress.js[@vue/compiler-sfc] `defineEmits` is a compiler macro and no longer needs to be imported.[@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.

代码】vue3+ts document.title = to.meta?.title;不能将类型“unknown”分配给类型“string”

element plus 分页居右

export default { install(Vue) { Vue.directive('debounce', { inserted: (el, binding) => { let delay = binding.args; if (!delay) { delay = 1000; } let time; el.addEventListener('click', () =&gt

这里要注意：这里的>>>需要使用css语法，写在less里会报错<style scoped>/* 富文本中表格样式设置 */.content >>> table tr th { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;}.dialog-content >>> tabl

// warp 指div的ref 名字this.$refs.wrap.scrollTo(0, 0)//假如在挂载之前要用这个的话 请用如下 this.$nextTick(() => { this.$refs.wrap.scrollTo(0, 0); });然后我用了之后就直接报错了[Vue warn]: Error in v-on handler: "TypeError: this.$refs.wrap.scrollTo is not a fun

在env.development里面配置类似#档案模板查询字典项VUE_APP_FILE_DICT = https://172.15.6.153:8991#档案模板协议VUE_APP_FILE_INTERFACE = https:://172.15.10.159:8991然后在webpack.js里面配置 devServer: { proxy: { '/easy-business-audit': { target: process.env.PROXY_T

.w-e-toolbar { z-index: 2 !important;}.w-e-menu { z-index: 2 !important;}.w-e-text-container { z-index: 1 !important;}

最近不是特别忙，然后甲方让我们处理一下项目遗留下来的问题，就看到了一个路由跳转然后锚点定位问题，问题记录的是：【监控中心】从监控中心进入历史数据概率性出现不会定位到对应列表上我就在本地测试了一下，的确在火狐上是不行的，定位不准，但是我网上百度了一下，说方案是看可行的 const dom = this.$refs[`table_${status}_${sourceType}`][0]; if (dom && dom.$el) { this.$nextTic

开发项目的活动中，遇到了将内容添加到页面上，如下图所示当时，这个click事件没有生效，但是要求是肯定要生效的，不然没有办法进行下面的步骤，然后我在网上百度到了答案，如下然后就生效了， 记录一下，方便以后查阅资料，比较好记性不如烂笔头，也希望可以帮助更多的同胞over...

最近在写一个vue的项目，然后用到了自定义指令，但是在使用的时候**，数据没有及时更新到视图上去。**首先我们得新建 一个js,然后在main,js里面引入，我的项目里面写的名字是keyInput.js然后我在main.js里面引入了import "@/keyInput.js";接下来就是书写符合自己要求的jsimport Vue from 'vue'Vue.directive('keyallow', { bind (el, binding) { el.onkey

时间过得真快，我又开始上班了，fighting!遇到的第一个问题，就如题目所说，直接给答案哈，在select元素上面添加change事件，然后在事件里面强制刷新代码如下，仅供参考 <el-select v-model="value" placeholder="请选择" @change="updateCode"> <el-option v-for="item in options" :key="item.value" :label="it

最近在做一个项目，然后用的是iview这个框架，里面有table，但是呢，她不符合我们的需求，所以我这边得自己重写下一，下面的图是需要展示的效果图看到了，对吧，文档里面是没有这个样子的，所以我们得改一下代码，代码如下：{ title: '提车量', key: 'tiNumber', ...

其实权限这个问题，一直困扰了我很久，但是前几个项目都是用的比较简单粗暴，现在想着，这会又用到了，所以想把这个东西优化一下，改为通用的，下面是我的方法，第一步:本地生成一张完整的路由表这里解释 一下里面相关的参数含义：id是后台返回的权限id,url是对应的路由路径，后面需要进行拼接，children是此路由是否有子路由的意思，如果没有则为空，具体代码如下方便复制：const getRout...

打开，dist文件里面的index.html页面，浏览器会报错如下：解决方案：找到config/index.js，里面的assetsPublicPath，切记里面 有两个这个元素，但是我们只需要改变其中一个，否则本地运行的时候会报错改变的地方如下图所示：将assetsPublicPath里面的路径改为："./",这样就没问题了...

其实这种文章，网上一堆，但是我每次写的时候，容易忘，还得百度一下，所以在此记录一下第一步：安装三个依赖包cnpm install file-savercnpm install xlsxcnpm install script-loader第二步：项目中创建一个新的文件夹用于存放Blob和Export2Excel两个js文件第三步：写入公共的函数里面common.jsconst e...

错误提示：查了 一下资料，是组件引入的时，路径大小写不对，实在是太粗心了啊，记录一下，方便以后查阅over

代码如下：在main.js里面写入Vue.prototype.$message1 = function (msg) { this.$message({message: msg,duration:1000})}引用： this.$message1(&quot;移交成功&quot;);//这里就不用每个都要写时间了...

今天早上来到公司，没事看了一下别人的博客，然后试了一下，发现的确是可以的，在此记录一下，方便自己日后查阅。首先新建一个文件夹：commonFunction ,然后在里面建立 一个文件common.js 建立好之后，在main.js里面引入这个公共方法 最后是调用这个公共方法 测试一下，我在公共方法里面写了一个简单的一段代码如下：export default{ ...

在写新的项目的过程中遇到这个问题，点击一个页面，跳转到下一个页面，然后页面刷新了刷新前的代码 <button @click="submitForm('ruleForm')" class="login-on" >下一步</button>解决后的代码<button @click="submitForm('ruleForm')" class="login-...

这几天在做一个新项目，。然后里面涉及到地图定位以及地图展示的问题，百度了一下，因为我的项目是vue-cli的，然后可以直接用vue-map这个,首先第一步是安装依赖：npm install vue-amap --save第二步就是根据官方文档进行引入了，地址vue-map,然后我按照这个文档，进行操作，最终运行的时候，页面报错了 v.w.uh is not a constructor...

这几天一直在用h5写移动端的一个项目，然后就遇到跨页面定位的问题，很明显，就是根据红色的标记的地方，然后进行跳转，然后进行定位，截图展示了发功机舱的定位然后在网上查阅了一些资料，综合了自己的实际情况，如下 mounted(){ this.getCarInfo(); this.$nextTick(() => { // 添加...

这几天在做一个管理系统，然后遇到了一个分页的问题，因为一开始就是用vue结合elementui开发的，所以分页就用到了elementui的分页功能，但是官网给的例子不符合我开发的需求，所以呢，就需要进行改造，关键是怎么改造呢， 重点来了slot插槽 上面的图片， 展示的是我这次要实现的效果，我看了官网的，有一个跟我的很像，但还是有区别 现在呢，我们就根据这个代码进行改造哈 直接附上...

这几天在公司里面用到了vue，进行开发，首先就遇到了问题 ，登录，以前感觉登录很简单啊， 我把相关的参数传给后台，然后后台返回给我相应的code,就可以了，但是这次好像，跟以前不一样，虽然说最终原理都是一样的，好了，废话不多说，直接开始代码了我在项目里面用到了的是全局守卫，beforeEach,方便管理1、我们首先要判断哪些路由是需要进行登录的，所以呢，我们可以通过一个字段，如下{...

一、安装并引入vuexnpm install vuex --save-dev然后新建目录vuex,如下图： 然后在main.js里面引入 二、构建vuex核心仓库store.js 三、在项目里面使用 其实在使用的过程中，我一开始是没有使用localStorage的，这样就导致了我的登录的状态，在网页一刷新的时候，就失效了，不能保留一段时间，后来查阅了网上的资料，发现...

一、父给子传值：home.vue(父)注册子组件myfooter，并定义params值，给子组件传值myfooter.vue(子)接收父传的值，使用到props接收值。控制台输出结果二、子给父传值 home.vue父在注册子组件mychild时自定义两个事件(incre和decre),并在增加increment和decrement的方法，说道底就是，父方法...

首先需要在自己的项目下面npm install mockjs --save-dev由于我的项目使用的是axios在本地模拟，所以需要npm install axios --save-dev上面两部分都完成，那就开始搭建了 下面是我的项目结构 为了进行本地的数据模拟，我在src下面建立了一个文件夹，命名为api,从图上可以看到有三个文件分别为config.js...

代码如下： &lt;div class="identifying" v-show="codeshow == 'true'"&gt; &lt;div class="img2"&gt;&lt;img src="../../static/img/icon_identifying_code.png"&gt;&lt;/div&gt; &a

这几天给自己的一个移动端的项目，增加一个底部的导航栏，然后可以点击的时候，进行切换 代码如下：&lt;router-link :to="{name:'home'}" class="btn1" tag="a" @click.native='showFooterNav' &gt; &lt;img class="icon" src="../../static/img/foo

这几天在用vue开发一个项目，真的是到处都是坑啊，就连设置图片背景，也和前面用的不一样了，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，background:url("../static/img/icon.png") no-repeat;background-size:cover;width:10rem;height:5rem;用了这个就报了一堆错,后...

时间比较紧迫，就不说废话了，直接代码，记录一下自己遇到的问题解决代码：1、将字符串中空格替换为换行符 代码如下(item.next_track_time).replace(/\s+|&amp;nbsp;/ig, '&lt;br/&gt;')2、将html字段的字符串转换为html 代码如下： &lt;div v-else :class="item.class" ...

一个月的时间，项目也快接近尾声了，静下心想想自己的项目，其实存在很多不完美得地方，比如最明显的就是代码的复用性不强，很多东西其实是可以写成公共的部分，然后直接引用就可以了， 但是当时不知道自己是怎么想的，就一直重复造轮子，刚好今天有时间，就把弹窗部分，写了一下，为好后面的二期开发做好铺垫。第一部分，弹窗的页面： 第二部分，在父页面引用子页面： 第三部分，父页面详细使用子页面： ...

首先，我们是要在自己的项目目录下面建立一个文件夹，如下图，然后就在我标记的地方，写关于cookie的方法，获取cookie,设置，清除等，如下图 代码如下，方便拷贝 //获取cookie、 export function getCookie(name) { var arr, reg = new RegExp("(^| )" + name +...

这个问题，我在网上看了一下，几乎都是引入clipboard ，这个，然后来实现功能的，但是也有独特的，然后我感觉后面的比较好用，所以记录一下我的效果图：实现 ，点击复制，代码如下： <div class="pcLink font-common"> <el-row> <el-col :s...

unescape(getCookie('globalCityName'))over

//http request拦截器axios.interceptors.request.use( config =&gt;{ if(cityId){//设置公共的请求参数 let test = config.data; if(test){ config.data['city_id']= cityId; } } return config; }, err...

想要实现的效果如下：代码实现如下： &lt;el-col :span="12" class="text-l"&gt; &lt;div class="jieogu-common" :class="{jiegou:changeActive == 0}" @click="changeStatus(0,0)" style="margin-left: 7

错误展示：网上百度了一下解决方案，在此记录一下，方便以后查询我这次出现这个，情景描述Vue项目运行时服务突然停止(Node内存溢出),需要重新npm run dev.，就报了上面图片的错误解决方案如果是run dev时报错,在package.json文件里的scripts字段的 ‘dev’ : node 后面加上 -max_old_space_size=4096，这里的4096单位...