javascript
文章平均质量分 57
TVM
这个作者很懒,什么都没留下…
展开
-
Vue2环境变量配置以及请求的代理跨域
vue2的环境配置以及代理完成跨域请求原创 2022-10-21 17:47:33 · 722 阅读 · 1 评论 -
exports , module.exports , export , export default 导出引入的区别和注意点
vue项目中导出导入的一些规范原创 2022-07-06 10:44:49 · 679 阅读 · 3 评论 -
vue2乾坤框架搭建
乾坤框架vue2项目搭建原创 2022-06-06 10:56:08 · 4277 阅读 · 2 评论 -
上传vue组件到npm npm私服
发布vue组件到npm库原创 2022-05-19 10:03:40 · 956 阅读 · 5 评论 -
wang editor Vue使用 + 使用自己方法上传图片
首先附上wang editor的npm地址 :https://www.npmjs.com/package/vue-wangeditor使用手册 :https://www.kancloud.cn/wangfupeng/wangeditor3/332599建议详看使用手册,所有你需要的东西,他都有写到1. cnpm下载并引用(不再赘述)2. 在mounted中进行配置:const editor = new WangEditor("#demo1"); // 配置 onch...原创 2021-07-28 17:55:05 · 2147 阅读 · 0 评论 -
vue项目 利用elementui 上传视频获取视频的宽高大小等信息
1.饿了么的上传组件 <el-upload>,监听他的变化on-change <el-upload :on-change="uploadVideoChange" > <el-button size="small" type="primary"> <i class="el-icon-upload" /&...原创 2020-12-01 15:41:38 · 5093 阅读 · 0 评论 -
移动端项目中vConsole插件的安装和使用
前端人在做移动端项目的时候,是最痛苦的,我们需要重复的发版,利用超多的console.log("123")来定位bug的位置.直到碰到了vconsole插件,这才让移动端的问题迎刃而解1.安装vconsolecnpm install vconsole2.在main.js中引入vconsole插件const VConsole = require("./utils/vconsole");3.引入之后将项目打包发到线上,就可以在页面上看到右下角有一个绿色的vconsole按钮,点击之后,可以原创 2020-11-30 17:42:44 · 2101 阅读 · 0 评论 -
vue项目打包webpack项目打包避免源码泄露的方法
我们正常通过webpack来打包vue项目,放到线上的项目是可以通过F12控制台的source来直接获取到前端项目源码的.如果项目有需求不能泄露源码,或者你不想让别人看到你的源码,可以直接在项目路径下config/index.js中进行这样的修改:build:{ productionSourceMap: false,//默认都是true,将其置为false}这样改好之后再进行cnpm run build 或者 yarn build打包,打包之后放到线上,我们再去source中就找不到源码原创 2020-11-30 17:32:55 · 4591 阅读 · 0 评论 -
vue项目全局判断axios请求,根据返回的code做后续操作
1.main.js中引入axios//引入axiosimport axios from 'axios'Vue.prototype.$axios = axios2.在axios请求返回中进行拦截判断axios.interceptors.response.use(data => { let code = data.data.code; if (code == "4001") { doSomething.. }else if(code == "4002"){原创 2020-11-30 17:28:29 · 1960 阅读 · 1 评论 -
vue项目全局拦截axios请求并挂载loading
在vue项目中的main.js进行全局的操作.1.从elementui中引入loadingimport { Loading } from 'element-ui'; //项目已经全局引入element的话可以不单独引入Vue.use(ElementUI)2.定义变量let loading = null //定义loading变量function startLoading() { //使用Element loading-start 方法 loading = Loading.原创 2020-11-30 17:21:31 · 454 阅读 · 0 评论 -
使用iframe标签,postMessage方法实现两个页面之间的数据传输
vue项目1.主动加载iframe标签,传递数据的页面<template> <div class="frameclass"> <iframe :src="url" ref="monitor" frameborder="0" @load="loadData"></iframe> </div></template>export default { data() { return {原创 2020-10-30 17:21:50 · 640 阅读 · 2 评论 -
vue项目打包后页面出现空白,css / js 文件访问不到
打包前在本地跑起来都没什么问题,但是打包之后dist扔到线上就访问不到,显示空白,有的css / js文件还显示404,访问不到.首先,确认你的访问路径是对的其次,将项目中config/index.js中默认生成的assetsPublicPath只有/ , 前面加个 . 就好了...原创 2020-10-29 18:08:43 · 3041 阅读 · 2 评论 -
vue实现可编辑的elementui表格
以上为效果图以下为代码<el-table :data="firstTagList" stripe :header-cell-style="{ background: '#eef1f6', color: '#606266' }" @cell-click="getSecondTag" > <el-table-column header-a...原创 2020-10-28 16:22:01 · 750 阅读 · 0 评论 -
JS删除对象某个属性 vue
delete操作符用于删除对象的某个属性;如果没有指向这个属性的引用,那它最终会被释放。 let item = { name: "1", age: "18", }; console.log(item); //{name: "1", age: "18"} delete item.age; console.log(item); //{name: "1"}...原创 2020-10-28 16:08:13 · 1092 阅读 · 0 评论 -
vue打包报错: This is probably not a problem with npm. There is likely additional logging output above.
使用vue开发,npm run build 或者cnpm run build 出现报错:Thisisprobablynotaproblemwithnpm.Thereislikelyadditionalloggingoutputabove.前提:1,检查你的代码确实没有问题, 比如 : router.js书写没问题, config/idnex.js 里面的没问题,其他页面引入组件或者静态资源都没问题.2,别人那里可以成功打包,而唯独自己的不能成功打包解决办...原创 2020-06-15 16:37:24 · 1766 阅读 · 0 评论