![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 56
lihaijin8090
这个作者很懒,什么都没留下…
展开
-
vue3使用<script setup>语法糖后如何在父组件用ref调用子组件的方法
vue3使用 setup 语法糖后如何在父组件用ref调用子组件的方法什么是setup语法糖根据vue3.x 官方解释script 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。相比于普通的 script语法, 它具有更多优势:更少的样板内容,更简洁的代码。能够使用纯 Typescript 声明 props 和抛出事件。更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数,没有任何的中间代理)。更好的 IDE 类型推断性能 (减少语言服务器从代码中抽离类原创 2022-03-28 12:59:25 · 4464 阅读 · 0 评论 -
vue-cli使用ECharts (踩坑篇)
下面讲了两个引入方法一.页面全局引入二.在页面里直接映入一,页面全局引入1.安装echarts依赖npm install echarts --save2.在main文件中引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echartsVue.use(Echarts)3.在页面中使用html部分//为 ECharts 准备一个具备大小(宽高)的 DOM <div id="main" styl原创 2020-12-06 16:43:30 · 937 阅读 · 0 评论 -
uniapp三级联动实现
uniapp官方组件uniapp给定了五种模式普通选择器,时间选择器,日期选择器,省市区选择器,多列选择器官方文档省市区选择器不适用5+app、h5和支付宝小程序,必须适用插件更多内容大家自己阅读文档下面就直接上代码<template> <view class="content"> <view class="uni-list"> <view class="uni-list-cell"> <view class="uni-l原创 2020-12-05 14:26:47 · 5588 阅读 · 8 评论 -
vue-template-admin实现oAuth2.0第三方登录,获取用户信息
什么是OAuth2.0?OAuth2.0是一种允许第三方应用程序使用资源所有者的凭据获得对资源有限访问权限的一种授权协议。例如在前面的例子中,通过微信登录豆瓣网的过程,就相当于微信允许豆瓣网作为第三方应用程序在经过微信用户授权后,通过微信颁发的授权凭证有限地访问用户的微信头像、手机号,性别等受限制的资源,从而来构建自身的登录逻辑。需要说明的是在OAuth2.0协议中第三方应用程序获取的凭证并不等同于资源拥有者持有的用户名和密码,以上面例子来说微信是不会直接将用户的用户名、密码等信息作为凭证返回给豆瓣的。原创 2020-12-04 09:28:19 · 2334 阅读 · 2 评论 -
普歌-智音团队 vue在cookie中获取个人数据
做项目中难免会需要用户的一些信息,那抹我们应该怎么拿到用户信息1.在文件中引入js-cookie模块import Cookies from 'js-cookie'const UserKey = 'Admin-User'2.获取用户放在cookie的信息export function getUserInfo() { return Cookies.get(UserKey)}3.在需要用户信息的文件里引入上述文件import { getUserInfo } from "@/utils/au原创 2020-09-20 22:25:27 · 417 阅读 · 0 评论 -
普歌-智音团队 element-ui分页组件的使用
1.我们以element-ui分页组件中最简单的一个为例<el-pagination background layout="prev, pager, next" :total="totals" :page-size="limit" :current-page.sync="page" @current-change="handleCurrentChange" ></el-pagina原创 2020-09-20 22:06:13 · 105 阅读 · 0 评论 -
普歌 -智音团队 Vue用element-ui调用后端API实现删除功能
调用后端接口实现删除功能1.一般根据id删除//先把id传入 deletebanner(id) { return request({ url: `地址 `, method: "delete", }) },2.用自定义插槽做删除按钮</el-table-column><template slot-scope="scope"> <el-button size="mini" type原创 2020-09-17 19:31:35 · 1242 阅读 · 0 评论 -
普歌-智音团队 Vue用element-ui调用后端API实现添加功能
1.请求接口//引入axios的配置import request from '@/utils/request'export default { addbanner(pugebanner) { return request({ url: “后端接口”, method: "post", data: pugebanner }) }, }2.添加按钮 <!-- 添加按钮 --> <div class="bu原创 2020-09-16 21:14:01 · 659 阅读 · 0 评论 -
普歌-智音团队 vue后端返回时间,转化为天数
实现这一功能分为4步1.获取后端时间数据,把时间数据转化为秒2.获取当前时间,把当前时间转化为秒3.用当前时间描述减去获取到的时间秒数就等于相隔的时间4.把相隔时间向上取整 // 获取的时间转化为秒 var start = this.pugeUser.gmtCreate; var datastart = new Date(start).getTime(); // 获取当前的时间 var date = new Date(); var se原创 2020-09-15 21:41:26 · 419 阅读 · 0 评论