2019年08月_banzhuanren1

原创 Nodejs express中创建ejs项目

第一次做这个，我自己执行是可以的，如果有不对的地方或者不完整的地方，请大佬们多多指教1, 在根目录下执行 npm install -g express-generator2,此时会在根目录中创建出server文件夹，如下图（其中bin/www为执行文件）3，npm install -g ejs4, 进入app.js将之前默认设置的jade 改为ejs模板（红色代码删除改为蓝色代码）a...

2019-08-30 18:09:30 300

原创 iframe页面无法跳转问题

之前在工作中没有结果过iframe，来到现在这家公司以后真是被iframe坑惨了。这个随笔就来纪录一下遇到的奇葩问题。先介绍下我们的项目结构类似与博客园这种页面，左侧很多tab栏，右边是一块内容区域，之后不管做什么样的操作都在这一块区域中，大概有一百多个页面，我是第一次见到这样结构，用的iframe页面来进行嵌套的。正常情况下是可以用下面这种方式进行页面跳转的，之前也在别的页面成功过// ...

2019-08-30 18:07:53 3842

原创 mongodb安装配置

如有遗漏或者错误请大神指点想深入学习下node，发现数据库避不开，最终选择了mongoDB,在网上找了很多，结果没有配置成功，可能是我自己原因吧，今晚抽空找资料给配置好了直接上图吧第一步到官网下载安装包，因为我的安装包之前就有，所以我直接安装了最好把下面下载图形的去掉要不安装会很慢第二步：在C盘根目录下建立MongoDB 文件夹，文件夹中分别建立data,etc,logs 三...

2019-08-30 18:05:27 132

原创 nuxt中less使用

刚刚接触nuxt,记录下学习过程，以备后用，这个less 的使用真是超级简单方便，赞一个第一步安装npm install less less-loader --save-dev第二步使用<style scoped lang="less"> .container{ margin: 100px 0 ; border-top: 1px soli...

2019-08-30 18:00:57 1436

原创 vue 过滤器的使用（解决forEach遇到的问题）

在学习过程中遇到了一个问题，本来我是想用forEach来解决的，但是一直报错<template> <div class="m-menu"> <dl class="nav"> <dt>全部分类</dt> <dd v-for="item in menu" @mouseenter="...

2019-08-30 17:59:00 2447

原创 vue项目less 使用

第一步确认自己vue环境是否已经搭建完成第二步进入build/webpack.base.conf.js 增加如下代码{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",}第三步下载所需要的依赖npm install less less-loader --save-devnpm install...

2019-08-30 17:55:29 138

原创 Webpack中的sourceMap配置

---------------------------------------webpack.config.js----------------------------------------------------------module.exports = { mode:'development', // 开发环境 development // devtool...

2019-08-30 17:50:55 437

原创 webpack 同一文件打包两次生成两个文件

----------------------------------webpack.config.js-------------------------------------------------------const config = { entry: { main: './src/index.js', sub: './src/index.js',...

2019-08-30 17:46:19 1196

原创 webpack---图片打包前和打包后名称一致的配置

---------webpack.config.js------------const config = { entry: { main: './src/index.js', }, output: { filename: 'bundle.js',　　　　　　path: path.resolve(__dirname,'dist') ...

2019-08-30 17:44:02 866

原创 The computed property "userName" is already defined in data.

这是一次练习中所犯的错误，记录一下情况说明：要使用vuex 做一个登录效果如下（一为未登录，二为已登录）最初是想用vuex的getter获取登录名进行展示，代码如下<div>　　<a href="javascript:void(0)" class="navbar-link" @click="loginClick" v-show="userNameFlag">L...

2019-08-30 17:40:56 4108

原创 vue中通过第三方代理解决跨域问题

最近在学node，遇到了跨域的问题，来记录下方法首页服务端的框架是通过express-generator 搭建起来的 npm install -g express-generator 具体接下来的细节不多说，今天主要说跨域的问题左侧为服务端项目结构，www为可执行文件，默认端口为3000（注意这个在下面是要用到的）先进行服务端路由配置前端路由配置然后就是最重要的第三方代理配置 ...

2019-08-30 17:32:51 443

原创 vuex 数据持久化

在自己写练习的时候，遇到了这个VUEX数据持久化的问题，本来在vuex中存储的数据，只要刷新页面数据就没有了，其实用本地存储就可以解决,但是想想都用vue 开始做项目了，就能用新技术就用新技术，最好找到了解决办法解决办法:第一步：npm install vuex-persistedstate第二步：在store/index.js中添加下面代码import persistedState f...

2019-08-30 17:30:00 154

原创 elementui tree 组件实现鼠标移入节点，节点后面显示添加删除按钮

首先说明个人自我感觉我这个办法比较low，算是抛砖引玉，希望各位高手有更好的办法多多指点！多谢我们的需求是鼠标进入节点的时候对应节点后面显示添加删除按钮，本来用JQ挺好实现的效果，但是在vue中个人感觉不那么容易实现，最初我是想通过v-show 或者v-if 来控制这些按钮的显示和隐藏，但是效果确是我放上去以后所有节点后面的按钮都显示出来了，代码和效果如下<el-tree :da...

2019-08-30 17:22:17 8712 2

原创 vue slot插槽使用

注意：插槽名字和组件名字一定要保持一致-------------------------------------插槽模板-------model.vue------样式就自己写吧---------------------<div class="modelCon" v-show="mdShow"> <div class="model"> <div...

2019-08-30 17:16:01 146

原创 elementui table组件，根据数据的不同，显示不同的内容

废话不多说，直接上代码<template>　　<div class="padding20">　　　　<div class="publicTable">　　　　　　<el-table :data="configureList" border style="width: 100%" :header-cell-style="{background:'#d...

2019-08-30 17:12:08 6429

原创 elementui tree组件自定义图标

<el-tree:data="assetsTreeList":props="assetsProps"node-key="id":show-checkbox=this.checkFlag:default-checked-keys=this.roleAssetsCheckList><span class="custom-tree-node" slot-scope="{...

2019-08-30 16:45:11 2309

banzhuanren1的博客