随笔分类 -  VUE CLI3.0

摘要:所有问题都排插完没问题,很可能是components多写了一个,放的位置在最后; 阅读全文
posted @ 2020-09-07 23:21 努力~努力再努力~ 阅读(978) 评论(0) 推荐(0)
摘要:vue.config.js module.exports = { devServer: { port: 8080, // 端口号 host: "localhost", https: false, // https:{type:Boolean} open: true, //配置自动启动浏览器 // p 阅读全文
posted @ 2020-08-31 23:41 努力~努力再努力~ 阅读(782) 评论(0) 推荐(0)
摘要:首先我们要明白v-bind的意义: <component v-bind:is="current"></component> 如果出现了v-bind那么加载在这个组件的时候,会去创建的vue实例对象的data里找值: var vm = new Vue({ el: '#app', data: funct 阅读全文
posted @ 2020-04-23 10:26 努力~努力再努力~ 阅读(3252) 评论(1) 推荐(0)
摘要:https://blog.csdn.net/weixin_41229588/article/details/101159755 一、配置 1.安装依赖: npm install svg-sprite-loader --save-dev 2.配置build文件夹中的webpack.base.conf. 阅读全文
posted @ 2020-03-28 20:05 努力~努力再努力~ 阅读(5052) 评论(0) 推荐(0)
摘要:1.安装模块 npm install js-md5 -D 2.在项目中引入模块 import md5 from 'js-md5' 3.把你需要加密的信息进行前期处理 CalcuMD5 = function (pwd) { pwd = pwd.toUpperCase(); pwd = md5(pwd) 阅读全文
posted @ 2020-03-27 15:14 努力~努力再努力~ 阅读(1819) 评论(0) 推荐(0)
摘要:网上百度了下,解决方案是: 1. 以管理员身份运行PowerShell2. 执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的3.执行:set-ExecutionPolicy RemoteSigned4.选择Y 注意:一定要以管理员的身份运行PowerShell 阅读全文
posted @ 2020-03-24 18:43 努力~努力再努力~ 阅读(6374) 评论(0) 推荐(1)
摘要:第一步 下载样式http://www.iconfont.cn/选择图表,点击加入购物车 第二步 解压下载文件 第三步 修改文件名称 与 iconfont.css 名路径 第四步 将@font-face 拷贝到原 iconfont.css 中 第五步:直接调用即可 阅读全文
posted @ 2020-03-22 11:08 努力~努力再努力~ 阅读(2726) 评论(1) 推荐(0)
摘要:首先进入官网http://www.iconfont.cn/ 转载:https://blog.csdn.net/qq_34802010/article/details/81451278 选择图标库 在里面选择你喜欢的图标,加入购物车(右上角),然后点击购物车添加至项目下载到本地【网上这部分教程太多,而 阅读全文
posted @ 2020-03-21 23:57 努力~努力再努力~ 阅读(681) 评论(0) 推荐(0)
摘要:自定义指令 https://cn.vuejs.org/v2/guide/custom-directive.html 简介 Watch a free video lesson on Vue School 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注 阅读全文
posted @ 2020-03-21 17:00 努力~努力再努力~ 阅读(323) 评论(0) 推荐(0)
摘要:文章内容:这里只有vue中父子组件传参、路由间的传参 (另外还有vuex、储存本地、中央bus等方式); https://www.cnblogs.com/jing-zhe/p/11588401.html 一、父子组件 1.1父传子(props) <!-- 父组件father.vue --><temp 阅读全文
posted @ 2020-03-15 23:39 努力~努力再努力~ 阅读(3351) 评论(0) 推荐(0)
摘要:vue跳转同一路径时,路由参数改变,但页面无法更新 问题原因 vue路由切换实际是组件间的切换,引用相同组件的时候,页面就无法更新 解决方案 方案1.watch监听路由参数变化,并重新渲染(谨慎选择) 该可以实现页面重新加载数据效果,但会出现页面单独刷新出错,滚动条没有返回顶部问题,根据业务需要选择 阅读全文
posted @ 2020-01-30 16:01 努力~努力再努力~ 阅读(6699) 评论(0) 推荐(0)
摘要:https://blog.csdn.net/luoyu6/article/details/80098145 阅读全文
posted @ 2020-01-08 10:33 努力~努力再努力~ 阅读(1458) 评论(0) 推荐(0)
摘要:全局守卫: //全局守卫写在main中//router对象调用 //.beforeEach((进入到哪一个路由,从哪一个路由离开,对应的函数)=>{}) router.beforeEach((to,form,next) =>{ //如果进入到的路由是登录页或者注册页面,则正常展示 if(to.pat 阅读全文
posted @ 2019-11-04 14:22 努力~努力再努力~ 阅读(340) 评论(1) 推荐(1)
摘要:在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子 两种函数: 1、Vue.beforeEach 阅读全文
posted @ 2019-11-04 12:59 努力~努力再努力~ 阅读(1943) 评论(0) 推荐(1)
摘要:新项目要求用typescript+vue+elementui的模式来搭建pc项目,最初踩了好多坑.产品说提示不想用element-ui的提示. 打算用toast的形式.所以就自己写了一个pc的toast(又能结合ts) 然后放上来和大家分享一下, 最初是自己写的一个component,后面想着以后也 阅读全文
posted @ 2019-11-03 18:02 努力~努力再努力~ 阅读(951) 评论(1) 推荐(0)
摘要:问题来源: 在使用axios时,和java联调,发现调接口服务器始终拿不到参数data,但是检查network也的确传了data,才有了该文章。 基于 vue-axios 和 $.ajax 两种请求方式中数据传输的思考 以java为例,数据传输的起源: 一开始,Java为了实现前后端通信,在http 阅读全文
posted @ 2019-10-31 09:04 努力~努力再努力~ 阅读(8548) 评论(0) 推荐(1)
摘要:当我们在文件中,如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,我们一看链接的路径,原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题,那么我们如何跳转到外部链接呢,我们 阅读全文
posted @ 2019-10-29 15:50 努力~努力再努力~ 阅读(25059) 评论(1) 推荐(2)
摘要:HTML: <div class="mRttt"> <!-- 分页 --> <el-pagination background //是否为分页按钮添加背景色 layout="prev, pager, next" //组件布局,子组件名用逗号分隔 :total="total" //总条目数 :page 阅读全文
posted @ 2019-10-29 11:28 努力~努力再努力~ 阅读(2856) 评论(0) 推荐(0)
摘要:可以在App.vue中的style中修改element-ui的样式。 注意:一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高,不加的话在本地调试的时候是没有问题的,不过在项目打包后放到服务器上时,自己定义的样式会因为优先级的问题被element-ui原有样式覆盖!!! 阅读全文
posted @ 2019-10-27 14:25 努力~努力再努力~ 阅读(1892) 评论(0) 推荐(0)