![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js框架 - Vue
文章平均质量分 74
羽下佳人
爱好敲代码,敲代码
展开
-
cdn方式:vue+jq+vant 问题列表
Vue官网: Vue 实例 — Vue.jsVant官网:https://youzan.github.io/vant/#/zh-CN/button注意事项:因为是cdn方式, vant官网的写法不完全使用,需要小改一下写法1.Vue 完整生命周期:2.new Vue()创建实例,进行双向绑定,尽量通过data数据操作页面,禁止直接操作元素,通过v-model实现双向绑定3.绑定事件:事件名称前添加@符号4.组件化父组件传参子..原创 2022-03-29 17:00:27 · 1462 阅读 · 0 评论 -
vue + vant + jq 实际项目开发
项目结构:1、html页面2、js 当前页面主要逻辑3、common.js 公共逻辑, jq写法 ① 过滤器 ② 公共方法4、component.js 公共组件1、html页面:index.html<!DOCTYPE html><html> <head> <meta http-equiv="Content-...原创 2020-04-28 14:42:21 · 1111 阅读 · 1 评论 -
vue + element + CDN 的方式使用
CDN方式开发vue项目步骤:1.cdn链接相关css(element-ui.css, common.css), js(jq ,vue.js, element-ui.js, common.js)等2.每个页面嵌入下列相关内容<div id="app"> {{ 3.1415926 | number(2) }}</div>// 全局过滤器V...原创 2019-02-25 15:26:00 · 28109 阅读 · 3 评论 -
vue 动态表格+表格合并
整体实现原理: table 套 table实现效果:①表格展示②当前级别部门可进行操作,并对当前选中部门添加active状态代码解读:①表格展示原理: 部门数据进行树结构转化,table for 循环当前级别, table内套table v-if 进行数据判断,存在当前级别部门显示部门名称,不存在时显示-- 后台返回数据列表形式,...原创 2018-09-28 08:56:31 · 11261 阅读 · 3 评论 -
vue
一.angular适合很大的项目mvvm,react干什么都行的组件式,vue是个轻量级mwwm适合中小型应用。感觉react全家桶未来应该会走红,中小项目里vue会是不错的选择,angular在版本稳定下来之前还是先观望吧。。顺便说下上手难度,vue不难(只要不是一上来就webpack,cli),angular1.x也不难(2.x没用过,感觉改的有点多,等版本相对稳定再说),reac...原创 2017-04-10 09:43:40 · 1316 阅读 · 0 评论 -
vue + element + 导入、导出excel表格
相关文档: https://blog.csdn.net/qq_37141546/article/details/78852198导入、导出:https://www.cnblogs.com/liguiwang/p/8430672.html 导入表格:<input type="file" @change="importf(this)" accept=".csv, applica...原创 2018-09-10 10:17:28 · 116997 阅读 · 17 评论 -
vue 引入外部js文件 - 配置component
1.main.js 2.importJs.js// 导入外部jsimport Vue from 'vue'// 导入外部jsimport Vue from 'vue'Vue.component('remote-script', { render: function (createElement) { var self = this; ...原创 2018-09-10 10:13:20 · 28127 阅读 · 3 评论 -
vue多种小功能
vue+element+es6滚轮到最底部 添加新一条数据,input框自动获得焦点 打开新窗口页面 elelment table 序号排列 资料文件上传 this.reload() 方法配置 1.滚轮到最底部this.$nextTick(() => { document.documentElement.scrollTop = 10000;})2.添...原创 2018-09-10 10:04:33 · 773 阅读 · 0 评论 -
vue模糊查询
vue+element<div class="searchbox"> <el-autocomplete v-model="accountSearch" :fetch-suggestions="accounQuerySearchAsync" @select="accountHandleSelec...原创 2018-09-10 09:55:25 · 8725 阅读 · 1 评论 -
vue 实际项目总结
vue+element+es6 vue 项目开发总结: ①对后台数据的要求,最好最省事的开发格式 1、复选框值: true/false 2、单选按钮: 字符串格式 3、克隆新增功能: get带参返回数据 最好 和save保存时要求的数据一致, 一些没用的数据影响功能的最好别返回...原创 2018-09-10 09:52:30 · 2796 阅读 · 0 评论 -
Vue配置开发环境 npm+webpack
①安装node.js②按照下面命令行执行 node安装参照网址:https://www.cnblogs.com/pearl07/p/6247389.html webpack讲解+安装+打包:https://segmentfault.com/a/1190000004690338 cmd安装慢,安装淘宝镜像:npm install -g cnpm --registry=...原创 2018-01-27 14:17:40 · 6653 阅读 · 1 评论 -
Vue 框架结构
相关网址: http://blog.csdn.net/u013778905/article/details/53864289 简单介绍目录结构 build目录是一些webpack的文件,配置参数什么的,一般不用动 config是vue项目的基本配置文件 node_modules是项目中安装的依赖模块 src源码文件夹,基本上文件都应该放在这里。 —assets 资源文件夹...转载 2018-01-27 14:43:27 · 556 阅读 · 0 评论 -
vue bug list
运行已在项目 安装bug 安装bug sass 运行报错,重新安装sass模块即可 mock模拟后台数据进行页面展示,后续请求接口数据时一直报错 axios-post 传参失败,vue需要全局对参数 序列化,不然后台解析不了 页面加载报错 template 内元素 需要加个div包起来 validate 始终无效,返回valid=true vuex 报错,store存储 sto...原创 2018-06-08 14:45:23 · 297 阅读 · 0 评论 -
vue this.reload 方法 配置, 优于window.reload()的页面刷新
相关网址: https://www.cnblogs.com/yinn/p/9056731.html1.场景在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面,页面是不进行刷新的2.采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好...原创 2018-09-12 08:47:03 · 23096 阅读 · 1 评论 -
vue 配置路由 + 用户权限生成动态路由 踩过的那些坑
整个动态路由的设置是我自己研究写的,现在项目中没发现什么问题。如发现有问题,欢迎前来纠正,谢谢!!!链接:https://pan.baidu.com/s/1J9R2TkqJk0H9JMjqp2WcFw提取码:n4rk复制这段内容后打开百度网盘手机App,操作更方便哦此包因为涉及后台交互未写成mock形式,下载后不可本地运行。node_modules需要自己本地安装。可以参考项目...原创 2018-09-12 08:41:26 · 105969 阅读 · 16 评论