- 博客(14)
- 收藏
- 关注
RSS订阅原创 普歌--前端Vue-cli数组遍历，获取数据
第一步：获取接口数据第二步 打印接口数据（数据为数组的嵌套）第三步 获取数组，遍历数据created(){ this.proValue(); }, methods: { proValue(){ textApi.getAllUser().then((response) => { //获取接口内的所有数组里面的数据 this.table
2020-12-23 13:31:29
924
原创 普歌--前端研发集群--Vue使用echarts导出表格
普歌–前端研发集群–Vue使用echarts导出表格npm install echarts --save在main.js中引入echartsimport * as echarts from 'echarts'Vue.prototype.$echarts = echartsVue.use(echarts)安装以下三个依赖npm install -S file-saver npm install -S xlsx npm install -D script-loader在src目录下
2020-12-21 13:13:55
267
原创 普歌--前端uni-app基础
普歌–前端uni-app基础uni-app介绍uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app使用工具安装编辑器HbuilderX 下载地址安装微信开发者工具 下载地址使用Hbuilder新建项目运行项目小程序的路由页注:“pages”下第一项为启动页，即运行vx小程序后的初始页面使用的时
2020-12-13 10:48:31
160
原创 普歌--前端 vue-element-admin 实现第三方(无账号密码)登录
整体实现登录思路：登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到cookie中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户的详细信息（如用户权限，用户名等等信息）。权限验证：通过token获取用户对应的 role，动态根据用户的 role 算出其对应有权限的路由，通过 router.addRoutes 动态挂载这些路由。你对token理解吗？
2020-11-20 17:56:09
1444
原创 普歌--智音团队--Vue基础增删改查注意事项
普歌–智音团队–Vue基础增删改查注意事项获取数据//在data里面定义一个空数据:conflistdata({ return{ conflist:[], limit:6, total:1, }})注:获取数据写到上述这一步的时候,要先打印数据,成功后如下图所示//得到上述数据后,赋值给data里面的空数据this.conflist=res.data.pugeWorkfiles;//打印验证是否得到里面的数据console.log(t
2020-09-26 12:13:20
80
原创 普歌--智音团队Vue基础增删改查(二)
普歌–智音团队Vue基础增删改查(二)这里写目录标题普歌--智音团队Vue基础增删改查(二)Vue基础增删改查中的改二级目录三级目录Vue基础增删改查中的改①获取后台"删除"的Api接口②对修改按钮进行相关操作//给修改按钮添加点击事件<el-button type="primary" @click="upBanner">修改</el-button>对应的methods方面的代码效果展示:二级目录三级目录...
2020-09-21 18:11:33
48
原创 普歌--智音团队--Vue基础增删改查(一)
普歌–智音团队–Vue基础增删改查(一)Vue基础增删操作普歌--智音团队--Vue基础增删改查(一)Vue基础增操作Vue基础删操作Vue基础增操作①获取接口 实质:获取后台提供给前端的数据②在Vue项目methods中获取接口的数据注:this.getAllGwBanne(); //获取所有轮播图③添加轮播图数据效果图Vue基础删操作①获取删除接口 实质:获取后台提供给前端的数据...
2020-09-20 17:22:23
75
原创 普歌智音团队--vue-router的基本原理以及相关使用
普歌智音团队–vue-router的基本原理以及相关使用vue-router的基本原理:router的本意为路由的意思,在vue项目中具体使用时,即显示为点击按钮或相应内容自动跳转到另一个页面去显示该页面的内容点击蓝色字体显示该页面内容一:vue-router的安装使用vue-cli配置脚手架,选择y后自动安装vue-router;使用npm命令时,输入cnpm i vue-router -D二:创建组件在用vue-cli配置成功后,在src文件夹下会出现一个router文件夹,在router
2020-09-14 18:25:26
61
原创 普歌智音团队--Ajax基础入门
普歌智音团队–Ajax基础入门一:Ajax概述Ajax是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用的体验;二:Ajax的应用场景三.Ajax的实现步骤代码示例四:Ajax请求参数传递五:Ajax错误处理六:Ajax封装主要原因:发送一次请求代码过多,发送多次代码冗余重复七:模板引擎代码实例...
2020-08-17 19:33:27
248
原创 普歌--智音团队--Vue入门基础
普歌–智音团队–Vue入门基础一：Vue.js概念Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。二:Vue的常见指令v-once指令：常用于对页面响应后的数据进行更改时，v-once会静止其对数据的更改；v-html指令：当JS代码对象中出现html的形式时，在body中使用html使用v-html="对象的属性名"可以以html的形式解析出来；
2020-08-12 21:25:10
330
原创 普歌-智音团队-flex布局
普歌-智音团队-flex布局一.flex基本含义flex是flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器指定为flex布局;注:当我们为父盒子设为flex布局之后,子元素的float,clear和vertical-align属性将失效布局原理:采用Flex布局的元素,称为Flex容器,简称"容器",它的所有子元素自动成为容器成员,称为Flex项目,简称"项目"图示:布局原理:就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式;fle
2020-07-29 21:49:53
170
原创 普歌-智音团队-实现淘宝顶部鼠标悬浮出现下拉菜单供选择
普歌-智音团队-实现淘宝顶部鼠标悬浮出现下拉菜单供选择案例:代码示例:
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人