yw00yw的博客

报错日问题描述：其实已经开了权限，另外的库是可以通过http形式拉取安装并且推送的，但是当前的库无法安装依赖，执行npm install 报错如下（npm cnpm yarn都试过了）。权限形式解决方式需要配置ssh秘钥，然后通过ssh形式就可以安装运行...

需求将网页打印成pdf,Chrome 可直接将网页保存(打印)为 PDF (无需安装 Adobe )，或者邮件点击打印，但是式样跟网页上显示的有很大不同。问题是无法选择「纸张大小」，Chrome 在保存为 PDF 文件时，默认纸张大小是 A4。若布局为纵向，显示大小为 210mm×297mm ；若布局为横向，显示大小为 297mm×210mm。打印方式地址：打印地址：https://oss.phxg.cn/download/genFileByGotenberg/%E4%BC%98%E5%B

接口地址http://api.baidu.cn/ReportApi/monthAnalysisReport/monthAnalysisReport/802244685862010880直接用get请求返回一个json字符串代理配置module.exports = { // development server port 8000 port: 9999, https: true, // If you want to turn on the proxy, please rem

问题描述vue-cli3创建的项目，在低版本浏览器中运行，运行不起来，因为默认都是开启高版本浏览器。控制台会报一系列错误，特别是node_modules中的插件的es6等高级语法不识别问题。所以按照下面的配置一步解决。请注意默认情况下，babel-loader会忽略所有 node_modules 中的文件，但是我们在某一些安装包引入的时候也需要进行babel转换，那怎么办呢transpileDependencies：转换node-modules必备以vue为例核心配置：vue.conf

界面效果传递方式<Col span="16"> <Card class="mg_left5"> <p class="title themeBackground">拆回原因分析</p> <div class="panel_content"> <FaultAnalysis :paramsGroup="{deptCode, statisDateStart: startDate, stat

provide/inject 这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。无论多少层都会被子组建拿到主要用在高阶组件provide 选项应该是一个对象或返回一个对象的函数。inject 选项应该是：一个字符串数组，或 一个对象，对象的 key 是本地的绑定名提示： provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。正常使用

img图片加载失败场景：有些时候后台返回的图片不一定能加载成功，加载失败默认显示一张图片<template> <div> <img :src="imgUrl" @error="handleError" alt=""> </div></template><script>export default { data () { return { imgUrl: '' } },

自定义事件及事件总线父子组件自定义事件子组件：this.$emit("my-event") 发送事件父组件：<dialog-component @dialog-closed="eventHandler" /> 监听事件事件总线可以将事件发送到同级、祖父母、层次结构中的任何其他组件为此，我们可以使用一种称为事件总线的模式。在这里，我们创建了一个单独的Vue实例，以将事件传输到导入该事件的任何组件。eventBus.js：// 首先，在新的模块文件中创建并导出Vue实例：imp

安装npm install vue-i18n目录结构i18n.jsimport Vue from 'vue'import VueI18n from 'vue-i18n'import zh from './langs/zh'import en from './langs/en'Vue.use(VueI18n)const messages = { zh, en}const i18n = new VueI18n({ locale: localStorage.getIt

$set的使用需求：生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去，此时需要用到$set。由于 Vue 会在初始化实例时进行双向数据绑定，使用Object.defineProperty()对属性遍历添加 getter/setter 方法，所以属性必须在 data 对象上存在时才能进行上述过程 ，这样才能让它是响应的。data () { return { userinfo: { name: 12, age: 23 }, arr

自定义属性propsprop 定义了这个组件有哪些可配置的属性，组件的核心功能也都是它来确定的。写通用组件时，props 最好用对象的写法，这样可以针对每个属性设置类型、默认值或自定义校验属性的值，这点在组件开发中很重要，然而很多人却忽视，直接使用 props 的数组用法，这样的组件往往是不严谨的。props: { type: { type: String, validator: (value) => { return ['success', 'warning'

项目优化策略1. 生成打包报告打包时，为了直观的发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种：通过命令行参数的形式生成报告// 通过vue-cli的命令选项可以生成打包报告// – report 选项可以生成report.html以帮助分析包内容vue-cli-service build --report通过可视化的UI面板直接查看报告（vue-cli3...

解决方法untl.js封装一个公共的方法// 重置表格 resetTableDom(table) { return setTimeout(()=> { table.doLayout() }, 0) }每次请求数据的时候调用该方法this.api.getQuotaCompensationListData(params).th...

安装依赖npm install v-viewer --savemain.js中配置//引入图片查看器import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer, { defaultOptions: { zIndex: 9999 }})在vue单文件组件...

disabled的值是个布尔值，就是判断选择值是否为禁止日期(生成日历的时候也会触发一次判断)单个输入框的组件代码：<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></e...

post请求报错解决方案：按照qs，进行参数序列化：npm install qs --saveimport qs from 'qs'// 登录export default { userLogin(params) { return http.requestData('/ActionApi/User/Login', qs.stringify(params), 'p...

使用vue webpack 模板搭建项目步骤：1. 安装 node.js(npm)，因为会用到npm包管理工具下载项目依赖等2. 安装 webpack: npm install webpack -g3. 安装 vue-cli： npm install vue-cli –g4. 通过vue-cli，初始化vue项目： vue init webpack projectName(项目名...

使用vue-cli 搭建项目之后生成的项目目录如下：build: 中配置了webpack的基本配置、开发环境配置、生产环境配置等(都已经配置好，一般不需要再进行配置)，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启动服务。 build.js: 生产环境构建check-...

在使用vue-cli搭建的vue项目中，使用vue-resource请求本地的json格式数据，来模仿服务端返回数据流程，但是请求不到json数据，返回404。 在网上查询了大量资料，大都是以前的版本，在build的dev-server.js中进行修改。但是最新的版本已经废除了dev-sever.js文件。VUE开发请求本地数据的配置，早期的vue-cli下面有dev-server.js...

mockjs的简介：使用mockjs可以事先模拟数据，前提是和后端约定好了数据接口，怎样的数据。使用mock就可以生成你要的数据了，从而实现开发时前后端分离。其主要功能是：基于数据模板生成模拟数据。基于HTML模板生成模拟数据。拦截并模拟 ajax 请求。使用背景在我们的生产实际中，后端的接口往往是较晚才会出来，并且还要写接口文档，于是我们的前端的许多开发都要等到接口给...

这一部分讲述了mock.js在vue中的详细使用(https://blog.youkuaiyun.com/yw00yw/article/details/81272632)。在vue-cli项目中使用Mock模拟数据的增删改查操作：mock.js：// 模拟数据列表var arr = [];for(let i = 0 ; i &lt; 10 ; i++){ let newArticleO...

使用vuex管理状态|-- store |-- index.js vuex最核心的管理对象store |-- state.js 状态对象 |-- getters.js 包含多个基于state的getter计算属性的对象 |-- mutations.js 直接更新state的多个方法的对象 |-- mutation-types.js 包含n个mutation的type名称常量 |-...

MVVM和MVCMVVM：M表示数据model，是获取到的数据。V表示视图view,是展示的界面。VM表示视图模型，用来连接model和view，是vue底层自动实现，不需要认为操作。MVVM是数据驱动的。MVC: M表示数据model,是从后台用ajax获取到的数据。V表示视图层view，是前端渲染的页面。C表示控制器controler,用来将获取到的数据使用dom操作来更新页面，VMMC...

在vue项目stylus中使用媒体查询.header &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp

Vue子组件获取父组件传递的动态数据为空当父组件 axjos 获取数据，子组件使用 props 接收数据时，执行 mounted 的时候 axios 还没有返回数据，而且 mounted 只执行一次，这时 props 中接收的数据为空解决办法： 在对应组件中判断数据的长度&lt;login-form :fertilizerStationList="fertilizer...

vue提示webpack-dev-serverbus不是内部或外部命令解决方法：删除nodemodules文件目录，然后重新安装依赖。

element menu导航路由点击报错解决方法：在路由配置文件中router/index.js中引入如下代码const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location)....

修改表格某一列单元格的样式<el-table :data="tableData" height="360" highlight-current-row @row-click="handleRowClick" :cell-style="cellStyle"> <el-table-column prop="name" label="农户名称"></el-table-c...

css&lt;style&gt; [v-cloak]{ display: none; } table{ width: 800px; border-collapse: collapse; margin: 20px auto; } table th,table td{ backg...