
vue
文章平均质量分 62
知了还没睡
你追求的世界,永远不是你现在所拥有的世界
展开
-
vue项目启动逻辑
数据类型转换的高级写法字符串转数字如a='1'+a (转为数字1)!!a (转为booean,true)!!+a (先转数字再转boolean)原创 2021-03-01 21:16:29 · 493 阅读 · 0 评论 -
vue3.0处理跨域并设置baseurl,vue3.0脚手架文件解释,在Vue项目中使用Eslint+Prettier+Stylelint
1、vue.config.js devServer: { disableHostCheck: true, open: false, //浏览器自动打开页面 port: 8080,//真机测试端口 https: false, hotOnly: false, //热更新(webpack已实现了,这里false即可) //配置跨域 proxy: { '/api'原创 2020-07-23 11:08:47 · 3580 阅读 · 0 评论 -
vue的router和axios
一、什么是vue-router是路由插件,单页面应用路径管理器,是将路径和组件建立映射关系二、模式hash:(默认)锚点(#)就是在路径上会有#,改变#后面的内容会显示对应的domhistory:需要声明(mode:history)路径上没有#三、实例import Vue from 'vue'import Router from 'vue-router'import...原创 2020-02-01 15:43:57 · 1378 阅读 · 0 评论 -
项目中mock.js的使用,vue创建封装方法文件
1、教程、apihttps://www.cnblogs.com/slongs/p/10298896.htmlhttps://www.jianshu.com/p/5dfa9f0bb11e2、创建封装方法的文件:路径:src→utils→index.jsindex.jsexport function objClone(jsonObj) { let buf if ...原创 2019-11-21 09:51:41 · 326 阅读 · 0 评论 -
vue实例
1、点击按钮,样式切换<el-button @click="changeBtn('one')" :class="btnNum == 'one'?'active':''">昨日</el-button>2、插槽slot匿名插槽:<div> <p>这里是文字</p> <slot></slot...原创 2019-10-24 13:58:12 · 843 阅读 · 0 评论 -
elementui树表格使用checkbox并可自动勾选,动态表格formatter,elementui表格不加固定高度,滚动条自动出现、分页
一、elementui树表格使用checkbox并自动勾选1、html,要使用默认checkbox的type2、递归找出树长度、动态绑定3、根据点击获取的数据、勾选树表格,getcheckedcopy_是拆开树数据变为没有层级的 getcheckFloor (treeData,clickdata) { //递归使checkbox勾选 ...原创 2019-06-21 10:53:38 · 4727 阅读 · 2 评论 -
递归获取children数组的长度;查找数组对象的属性是否有重复值;表格自定义顺序;根据json数组属性值排序、当前时间戳、转树数据、数组内相加
一、获取children数组长度 getMaxFloor (treeData) { //获取树长度 let max = 0 function each (data) { for(let i = 0;i<data.length;i++){ max++; ...原创 2019-06-03 11:43:17 · 2173 阅读 · 0 评论 -
elementui修改源码方法,及配置、自定义格式化表格
https://blog.youkuaiyun.com/weixin_43864045/article/details/85098254原创 2019-06-05 16:39:10 · 2880 阅读 · 0 评论 -
echarts图防止缩在一个角落,动态控制keep-alive缓存、监听路由跳转
1、父级组件,通过ref调用子组件,activated每次点击页面都会执行<useele ref="useele" :lineData="lineData" :timenum="timenum" :type="type"></useele> activated(){ if(this.$refs.useele){ th...原创 2019-06-05 14:23:14 · 1084 阅读 · 0 评论 -
vue中将px自动转成rem,px转rem的方式,项目中使用rem
一、vue中将px自动转成rem:https://segmentfault.com/a/1190000015238394二、px转rem的方式:原文链接:http://caibaojian.com/rem-and-px.html1rem等于多少px呢?·1rem等于html根元素设定的font-size的px值,假如我们在css里面设定下面的css。//code f...原创 2019-06-05 11:54:00 · 1595 阅读 · 0 评论 -
vue项目引入scss、elementui使用全局scss修改主题色,vue的路由引入;less的使用
一、vue项目引入scsshttps://blog.youkuaiyun.com/Ag_wenbi/article/details/87799557二、elementui使用全局scss修改主题色1、在项目下新建color.css,内容位置如下内容:$--color-primary: #EE1D23;$--font-path: '~element-ui/lib/theme-chal...原创 2019-06-05 11:49:00 · 11068 阅读 · 0 评论 -
Vue父子组件传值流程,axios的使用,vuex的使用,页面路由跳转,axios的封装
父传子://父页面中,要传daglgridData到子组件,daglgridData现在data中定义<daglgrid :daglgridData="daglgridData"></daglgrid>子组件接收props:{ daglgridData:{ type:Array, default:...原创 2019-05-24 16:39:33 · 1357 阅读 · 0 评论 -
vuex的使用步奏流程
这是vuex的关系图新建一个文件夹store,再新建一个index.js文件,假设我们在index.js中声明一个city全局数据,如下图:在main.js中引入:在需要的界面上,使用city这个全局数据:视图层(Vue Components)要改变State中的city,就需要通过流程Vue Components--->Actions--->Mutatio...原创 2019-05-07 14:06:26 · 161 阅读 · 0 评论 -
命令行创建vue脚手架、引入jq等插件、组件间传值
创建vue脚手架:https://blog.youkuaiyun.com/Ag_wenbi/article/details/86359276二、vue映入jquery1、npm install jquery2、在webpack.base.conf.js中添加 plugins:[ new webpack.ProvidePlugin({ $: "jquery", ...原创 2019-01-20 14:42:07 · 874 阅读 · 0 评论 -
vue项目处理跨域、模拟后台发数据、vuex用法
使用:二、模拟后台,传数据 1、static文件夹下创建mock文件夹,在mock下创建index.json文件index.json文件模版2、修改index.js配置文件proxyTable: { '/api':{ target:'http://localhost:8484', pathRewrite:...原创 2019-01-20 11:34:51 · 480 阅读 · 0 评论