木槿之夏

最近在写新项目，每次引入scss 都会报错，this.getOptions is not a function @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/s

在开发的时候一般会有是三个环境：开发环境 测试环境 线上环境vue 中有个概念就是模式，默认先vue cli 有三个模式development 模式用于 vue-cli-service serveproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2etest 模式用于 vue-cli-service test:unit但是往往开发的时候可能不止有三种：本地环境（local）开发环境（development）测试环境

看了网上的一些方法，第一种是按照 添加链接描述这个链接里面的方法分别安装node mogonDB Redis s 有一定的版本要求。node 的版本不能超过v9。用这个方法试了一下，没有安装成功，是因为我本地的node过高，，不想降级别，然后试了网上说的另一种方法添加链接描述看了一些介绍说是基于docker-compose安装，简单，不需要额外安装mongodb、Redis 我最后选择了用第...

问题来源：在项目中通常会有查询列表的功能，然后把通过筛选条件查出来的数据导入来，通常是导出excel表格这种格式说人话：导出excel你咋实现？人话有时候也不太容易理解？中。可以。没问题！直接上图导出下面红色框中的一坨列表你咋实现/** * 下载blob文件 * @param {*} blob 文件 * @param {*} fileName 文件名 */const downl...

节流和防抖在开发项目过程中很常见，例如 input 输入实时搜索、scrollview 滚动更新了，等等，大量的场景需要我们对其进行处理。我们由 Lodash 来介绍，直接进入主题吧。**Lodash**API防抖 （debounce） ：多次触发，只在最后一次触发时，执行目标函数。lodash.debounce(func, [wait=0], [options={}])节流（th...

1.安装cnpm install --save nprogress2.在router.js中引入Nprogressimport NProgress from 'nprogress' import 'nprogress/nprogress.css'// nprogress样式文件3.4.绑定路由钩子我们想要的效果是：当路由开始跳转时加载进度条，当路由跳转完毕时进度条加载完毕。幸运的是...

<template> <div> <div> <input type="checkbox" class="check_box tui-checkbox" @click="checkAll" v-model="checked"> <span>全选</span&g...

<template> <div class="editInform"> <div class="testNav"> <div class="flow-item flow-item-3" @click="toTab(1)"> <div class="firstStep" :class="{'active':...

在vue.config.js 中配置文件const path = require('path')function resolve (dir) { return path.join(__dirname, dir)}module.exports = { chainWebpack: config => { config.resolve.alias .set('@...

const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir) //path.join(__dirname)设置绝对路径}module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根部， /...

1.编写一个全局的过滤器文件filter.jsfunction formatNumber(n) { const str = n.toString() return str[1] ? str : `0${str}`}function formatTime(date) { const year = date.getFullYear() const month = ...

vue中组件的引用分为全局组件和局部组局1.关于局部组件的使用功能import A from '@/component/A'export default { data () {}, components: { A }}2.关于全局组将的引用1.新建一个全局组件的文件夹 globalComponents.jsimport ComponentA from '@/comp...

第一种方法： 全局引入文件先定义共用组件 common.vue// 定义一些公共的属性和方法 const httpUrl = 'http://39.105.17.99:8080/' function commonFun() { console.log("公共方法") } // 暴露出这些属性和方法 export default { ...

局部使用mixin官方解释： https://cn.vuejs.org/v2/guide/mixins.html定义一个 js 文件(mixin.js)export default {data() { return { name: 'mixin' }},created() { console.log('mixin...', this.name);},mount...

问题描述： 点击编辑按钮跳转到新界面，编辑之后保存跳转到原来的界面，这时候原来的界面没有刷新， this.$router.back(-1); 返回到上一个界面用watch 监听路由的变化，通过监听路由的变化，从新加载数据 watch: { $route(to) { if (to.path === '/panDian') { this.ajaxLoadDat...

项目中的有些组件使用的频率比较高，这时候我们可以注册全局的组件，这样就不用每次使用的组件的时候一次次的导入具体使用的步骤如下一般会把这个常用的组件在main.js文件中注册好1.首先先建立一个公用的组件// Cmponent.vue 公用的组件<template> <div> 我是组件 </div></templ...

mixin这个方法最近在看文档的时候遇见了，对于这个方法的理解是这样的： 把一些公用的方法和数据放在Mixin这个js里面，这样的话，我们再使用的时候就可以直接用，而不用声明1.如果是全局都要使用的话，可以再main.js引入，作为一个去全局的方法使用import mixin from '@plugins/mixins';// 全局挂载utilsVue.use(install);2.按...

<template> <div class="editInform"> <div class="testNav"> <div :class="{'selected':tab === 1}" class="tabItem baseInfo"> ①&nbsp;&nbsp;&nbsp;&amp...

prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来A 中 调用 B 这个组件 A表示的就是父组件 B表示的就是子组件 如果父组件的值发生了变化，将会传导给子组件，但是子组件中发生了变化，由于原来子组件的数据已经展示出来，再次修改则无法直接显示数据修改解决的办法如下在子组件的内部Vue.component(&quot;switchbtn&quot;, { tem...

https://blog.csdn.net/qq_36708991/article/details/79234732

注意！！！如果用了封装组件的话，比如element，这个时候使用按键修饰符需要加上.native&lt;input @keyup.enter=“submit”&gt;&lt;input @keyup.enter.native=“submit”&gt;&lt;input @keyup.enter.native=“submit($event)”&gt;...

说明： vue中引入element组件中 封装 tabel表格，表格中包含查询，分页，全选一，组件部分&lt;template&gt; &lt;div&gt; &lt;el-dialog :title="titleName" :visible.sync="visible" @close="$emit('update:show', false)"...

&lt;el-table v-loadmore="getNewData" v-loading="loadingData" :data="tableData" style="width: 100%" max-height="800"&gt; &lt;el-table-column v-for=&quo

1.git add ‘文件内容’ （把内容添加到git）2.git commit -m '提交的描述文字' （把添加的内容提交上去）3.git status （查看当前仓库的是提交转态，这里会告诉你是执行了add 还是commit 哪个执行了）4.git diff （如果还没有add，执行git diff可以查看具体修改的内容,执行了add 再执行这行命令看不到任何内容）5.git lo...

var arr = [ {name: 'sxy',type: '1'}, {name: 'sxy',type: '2'}, {name: 'sxy',type: '2'}, ] var addArr = [ {name: 'sxy',type: '1'}, {name: 'hhh',type: '2'}, ] var newArr = []; fo...

1.自定义一个table的高度tableHeight&lt;el-table @row-click="lookDetail" v-loadmore="loadMore" v-loading="listLoading" :data="tableData" :height="tableHeight" border s..

css中使inputh获取焦点的方法是： autofocus='true'在项目中点击table表格中的行，使input获取焦点element中table点击行的事件 @row-click="clickInput"methods: {clickInput(row, event, column) { if (column.label === '能力打分') { // 行中对应的某...

## vue 中上传文件到七牛云&lt;template&gt; &lt;div class="accessoryBox"&gt; &lt;!--附加列表展示--&gt; &lt;div class="fileListBox" v-for="file in meetingInfo.FileSub"&gt; &lt;font-awesome-

第一步：封装成一个单独的js文件 excel.js/** * @method formatJson * @param {Array} filterVal 导出表头的中文表头对应的英文名称 * 例:['name', 'age'] * @param {Array} jsonData 导出的数据 * 例:[{ * name: '张三', * age: 14 * ...

参考链接：https://blog.csdn.net/jack_bob/article/details/79813114

有时候我们会在github上克隆一些项目，在本地运行的时候回报错，我的处理方法是，把项目中的node包文件删除 ，然后再执行npm install等安装的包成功之后，就可以直接执行npm run dev 在浏览器查看我们的项目...

在config文件夹下面的index.js中添加如下字段解决跨域proxyTable: { '/api': { target: 'http://47.105.160.23:8867/OASEVER', //源地址 changeOrigin: true, //是否跨域 pathRewrite: { '^/api': '...

export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } const o = { 'M+': date.getMonth() +...