TO_Web的博客

监听vuex数据变化

TS7016: Could not find a declaration file for module

场景：axios请求后台，返回二进制流，下载excel文件 代码

页面加载后到指定位置

当node版本16.x会出现报错时, 尝试如下操作在package.json, devDependencies中找到下面两个插件, 然后删除node_modules,再重新cnpm install当node版本为 14.x 时: "node-sass": "^4.12.0", "sass-loader": "^8.0.2", 当node版本为 16.x 时: "node-sass": "^6.0.1", "sass-loader": "^10.2.0",.

安卓手机上使用vant 的 uploader组件 上传文件时 提示没有可操作的文件解决办法: 把accept属性 留空 就可以上传所有文件 <van-uploader accept="" :max-count="1" :after-read="afterRead" :upload-icon="uploadIcon"

vue-cli5.x 版本 报错在vue-cli新版本中使用了 pdfh5 然后报错如下, 大致意思是说 新版的cli 中模块polyfill不会自动引入了If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "https": require.resolve("https-browserify") }' - install 'https-browse

一. vue.config.jsconst port = 80 // 端口// // vue.config.js 配置说明// //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// // 这里只列一部分，具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //.

前言前端单独放了一个网站里(用的一级域名 => abc.com);后端Laravel框架写的API接口也单独放了一个网站里(用的二级域名 => like.abc.com);都是放在一个服务器里面的;但是这么部署的话会有一个问题: 就是前端文件在本地的时候你可以直接代理API那里, 但是发布到线上abc.com那里后, 代理就失效了, 线上直接访问变成了abc.com/api/list, 但是接口在like.abc.com/api/list里面, 这可怎么拿到数据呢?方案..

前端部分: 前端部分使用的是vue ant<a-upload name="thumbUrl" :multiple="true" action="https://www.mocky.io/v2/5cc8019d300000980a055e76" :headers="headers" @change="handleChange"><a-button> <a-icon type="upload" /> Click to ...

一. Git 全局配置git config --global user.name '利健'git config --global user.email '1262195190@qq.com'二. 1.创建仓库git initgit add . // 添加所有; git add *.html //添加以html结尾的git commit -m '提交的描述' git remote add origin https://xxxxxx.gitgit push -u origi

一. 本地分支// 查看分支git branch// 切换分支git checkout 分支名// 创建分支并切换分支git checkout -b 分支名// 删除分支git branch -d 分支名// 合并分支, 注意合并分支时要切换到master上, 虽然在分支上合并主支git不会报错, 但是不合理git merge // 重命名分支名 -M强制重命名git branch -m|-M 之前分支名 新的分支名...

报错信息如下! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'https://gitee.com/giteeforone/suzhoubank.git'解决办法git pull --rebase origin master:mastergit push -u origin master...

vue-cli3 兼容ie11; 提示 SCRIPT1002: 语法错误我下载了 @babel/polyfill ; babel-polyfill在vue.config.js 的 module.exports : {} 中添加 configureWebpack: config => { config.entry.app = ["babel-polyfill", "./src/main.js"]; }, transpileDependencies: [ /[/\\]node_mo

在dom渲染完成后想要获取该元素的高度时 发现为0解决办法:在这个生命周期里添加获取高度的代码 updated () { this.$nextTick(() => { this.contentHight = this.$refs.content.offsetHeight }) },...

NavigationDuplicated: Avoided redundant navigation to current location: "/login"路由重复导致报错const originalReplace = VueRouter.prototype.replace;VueRouter.prototype.replace = function replace(location) {return originalReplace.call(this, location).catch(err

vue 中动态渲染数据时使用 $refs 获取dom无法获取问题场景: 在循环的列表上绑定了 ref, 想当数据动态渲染完了,然后获取列表, 接着就是获取不到了解决办法:在请求数据了以后,方法内后, 加上this.$nextTick(() => {// 在这里获取 this.$refs.dom})列子messList().then(res => { console.log(res) Toast.success('获取成功') this.conte

js获取地址栏后面的参数？ 和 &使用这个方法名function getParams(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则 if(r!=null)return unescape(r[2]); return null;}直接使

后台返回的base64无法显示的原因原因一： 返回的base64中存在换行和空格， 这样前端直接渲染的话就显示不出来解决办法：let strss = `data:image/jpg;base64,${res.data}`;let image1path = strss.replace(/[\r\n]/g,"")${res.data} 这个是返回的base64编码...

数组中去重复json对象举个例子吧,格式是这样的, 把’‘姓名1’'的数据删除let jsonArr = [ { name: '姓名1', age: 12, sex: 'nan' }, { name: '姓名2', age: 13, sex: 'nv' }, { name: '姓名1', age: 12, sex: 'nan' },]下面是一个去重复的办法, 可以参考一下arr = [] // 需要遍历的数组let temp = {} // 用于name判断let result = [

1.mpvue 中使用了vant-weapp中多图上传先上代码data中要定义个数组存放图片定义数据data(){ return { fileList: [] }}html<ul style="display:block;clear:both;margin:13px 10px;width:88%"> <li v-for="(item,index) in fileList" :key="index" style="width:30%;float:left;po

解决办法: 在引入的时候这样就行了import * as echarts from 'echarts'

1.把onshow中的部分代码更换带onReady中

在vue中,父组件向子组件传值, 并在子组件改变了父组件的值,就会发出警告所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态;每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。解决办法:在子组件中再写个方法 把穿过来的值更新给父组件,父组件再接收这个值,然后

vue 手机验证码倒计时data中 定义一个类型null 用于存放定时器比如 data (){ return { timer: null }}接下来就是方法中了if (!this.timer) { let CountDown = 60; // 倒计时 this.codeStatus = true; // 按钮禁用状态 ,自己定义下一 this.codeTimeout = CountDown; this.timer = setInterval(() => {

vue2.x 打包遇到的问题打包路径问题build 下 webpack.base.conf.js 找到 build {} assetsPublicPath字段 把 ‘/’ 改成’./’‘/’ 从根路径找‘./’ 从当前路径找

在引入less时需要注意的事项. (更新中)在<style lang="less"> 中使用@import引入less, 需要注意的是,url(); 要加分号 结束.

router-view 点击不跳转路由配置 { path: '/', name: 'Navcation', component: () => import(/* webpackChunkName: "Navcation" */ '../components/Navcation') }, { path: '/survey', name: 'survey', component: () => import(/* webpackChunkNa

在使用vue-router时出现 报错解决办法: 在router.js中添加下面代码即可//获取原型对象上的push函数const originalPush = VueRouter.prototype.push//修改原型对象中的push方法VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }...

1. 在vue中使用vant组件库,中使用了less, 处理scoped问题在vant 组件的类名前添加 /deep/ .class{}

mpvue 获取页面跳转穿过来的值问题this.$root.$mp.query.id这个可以获取从A-B 页面中数据再次记录一下

mpvue 从列表页进入详情页更改数据后,返回列表页后数据不更新没反应的问题1.之前做的时候没有想太多,就把页面的请求放在onLoad的中了,但是后面因为要有修改信息,在返回的时候数据就不更新了, 因为onLoad这个生命周期函数只执行一次, 所以放在这里是不太合适的2.所以更改请求 放在 onShow这个生命周期函数中,这样就可以了...

1. 在mpvue中使用vant-weappUI组件库中使用复选框组遇到 this.selectComponent 找不到问题1.1 使用过这个的朋友应该都知道 获取事件中的值,要this.mp;解决找不到的问题toggle(event) { const { index } = event.mp.currentTarget.dataset; const checkbox = this.$mp.page.selectComponent(`.checkboxes-${index}`);

vue循环数组，更改数组中的一项数据，数组没有反应描述： v-for中循环数组，遍历展示数组中每一项，然后再改变数组中元素的时候，发现循环的数组并没有改变解决办法：使用 this.$set(‘要改变的数组’ ， ‘数组的索引’ ， ‘值’);举例：想要改变数组的中的一项数组this.arr[0] = '更改后‘; 但这样改vue没有变化改成这样：this.$set(this.arr , 0 , ‘更改后’);这样就ok了...

1. delete 删除数组元素var arr = ["a", "b", "c", "d", "e"];console.log(arr);delete arr[2];console.log(arr);//数组真实长度var len= 0;for(var a in arr){ len++;}console.log("数组真实长度" + len);

在vue项目中遇到 Cannot find module ‘chalk’ 报错解决办法: 删掉项目中node_modules文件夹 ; 然后再 重新下载一下 cnpm install

在使用vue绑定数据的时候，渲染页面时会出现变量闪烁{{ msg }}加载的时候就会看到 {{msg }}解决办法： 给最外层的标签 加上 v-cloakcss里面：[v-cloak]{display:none;　　　　}ps： 有时候可能没有用 可能是 [v-cloak]{　display:none;} 的层级被覆盖掉了 ， 你需要提高它的层级 [v-cloak]{　display:none !important ;} ，也有可能你把它放进了 @import 引入的css

UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a functionat createWebpackLessPlugin (E:\工作\vueprisest\vant\vantvue\node_modules_less-loader@7.0.1@less-loader\dist\utils.js:36:33)at getLessOptions (E:\工作\vueprisest\vant\vantv

在vue-cli 4.x中使用vant出现的问题,在这里记录一下一. 如果使用按需加载,需要下载babel-plugin-import转换一下,下载 babel-plugin-importcnpm install babel-plugin-import -D**二. 在根目录中找到 babel.config.js 文件 , 添加字段 **"plugins": [ ["import",{ "libraryName":"vant", "style":true