vue
星空与猫
这个作者很懒,什么都没留下…
展开
-
正常注册会报组件未注册
【代码】正常注册会报组件未注册。原创 2024-02-01 09:08:51 · 391 阅读 · 1 评论 -
vue合并文件(修改中)
【代码】vue合并文件。原创 2023-04-11 11:44:54 · 383 阅读 · 0 评论 -
切换360浏览器急速模式
vue切换360浏览器急速模式原创 2022-08-31 09:29:34 · 332 阅读 · 0 评论 -
vue下载导出封装
下载导出原创 2022-07-26 13:09:46 · 380 阅读 · 0 评论 -
阿里获取银行卡信息接口
// 获取银行卡号信息 getCardInfo(cardNum) { /** * https://apimg.alipay.com/combo.png?d=cashier&t=ABC * 获取银行图片 */ this.$toast.loading({ duration: 0, message: "识别中..." }); tempAxios .get( `https://ccdc.原创 2021-11-10 14:23:28 · 1603 阅读 · 0 评论 -
px 转 vw
1、npm install postcss-px-to-viewport --save-dev2、在postcss.config.js中配置module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth原创 2021-11-05 16:35:52 · 226 阅读 · 0 评论 -
vue 生成二维码
传送门转载 2021-10-27 11:49:48 · 261 阅读 · 0 评论 -
video总结
视频知识点1、属性poster:视频封面路径地址例子: :poster="地址"onpause:视频暂停触发方法 例子: @pause="onPlayerPause()" onplay:视频播放触发方法 例子: @pause="onPlayerPlay()" oncanplay:视频加载完成触发方法 例子: @canplay="getTime()"2、方法//获取dom节点, dom节点.play()可以控制视频播放let player = this.$refs原创 2021-02-01 15:10:04 · 583 阅读 · 0 评论 -
vue判断页面是否正在滚动
export default { data() { return { oldScrollTop: 0, //记录上一次滚动结束后的滚动距离 scrollTop: 0 // 记录当前的滚动距离 } }, watch: { scrollTop(newValue, oldValue) { setTim原创 2021-01-03 16:44:37 · 1917 阅读 · 0 评论 -
自定义浏览器页面左上角title图标
index.html得head中添加如下代码图片一定要放到static中,否则浏览器中不到 <link rel="icon" type="image/x-icon" href="static/logo.png">原创 2020-12-22 16:58:41 · 646 阅读 · 0 评论 -
vue 自定义指令
1、全局注册自定义指令1、创建一个公共的js文件import Vue from 'vue'Vue.directive('demo', { bind: function (el, binding) { console.log(el); console.log(binding.arg); el.innerHTML = binding.value }})2、main.js中引入 import App from './App'imp原创 2020-12-16 10:53:27 · 124 阅读 · 0 评论 -
刷新或跳转页面回到页面最顶部
scrollBehavior(to, from, savedPosition) { return { x: 0, y: 0 } }原创 2020-12-15 17:26:44 · 735 阅读 · 0 评论 -
vue、oss,阿里云文件上传
一、阿里云配置注意*****:1、上图来源可以但不推荐为*,来源配置为域名2、请求方式勾选put3、Allowed Heafers配置为*即可4、Exposed Headers与缓存时间可以不填参考内容:传送门二、1、安装包 : npm install ali-oss2、src下新建utils文件夹,文件夹中创建 alioss.js,添加以下代码var OSS = require('ali-oss');export function client() { var client原创 2020-11-17 10:36:48 · 325 阅读 · 0 评论 -
vue后台权限
视频地址https://www.bilibili.com/video/BV15Q4y1K79c?from=search&seid=7139068013544782298笔记https://blog.csdn.net/weixin_44157964/article/details/108420759转载 2020-10-25 14:02:23 · 153 阅读 · 0 评论 -
vue中兄弟组件通信与$off使用方法
使用on、on、on、emit实现兄弟组件间的传值$off使用方式见子组件 a.vue1、创建一个js文件,比如bus.jsimport Vue from 'Vue'export default new Vue2、父组件<template> <div class="hello"> <aaa></aaa> <bbb></bbb> </div></template><原创 2020-10-22 10:25:45 · 1866 阅读 · 1 评论 -
vue axios封装
新建network文件夹创建 request.jsimport axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'http://192.168.0.123:8000', timeout: 5000 }) // 2.axios的拦截器 // 2.1.请求拦截的作用 instance.inter原创 2020-09-11 15:54:49 · 202 阅读 · 0 评论 -
vue常用插件的导入
插件原创 2020-10-21 08:44:52 · 3547 阅读 · 0 评论 -
脚手架版本升降问题
vue 脚手架版本升降问题vue-cli查看版本号:vue -Vvue-cli下载安装:vue-cli2:npm install -g vue-cli@版本号vue-cli3/cli4:npm uninstall -g vue-clinpm install -g @vue/cli@版本号安装完Vue cli3 之后,还想用vue-cli2.x 版本(安装一个桥接工具):npm install -g @vue/cli-init创建项目:vue-cli2:vue init转载 2020-09-16 18:08:41 · 666 阅读 · 0 评论 -
vue树形导航数据
<script>export default { name: "reduction", data: () => { return { old: [ {id: 1, label: "一级1", parend_id: 0}, {id: 2, label: "一级2", parend_id: 0}, {id: 3, label: "二级1-1", parend_id: 1}, {id: 4, label原创 2020-09-14 19:27:44 · 309 阅读 · 0 评论 -
vue别名
vue 别名配置新建一个配置文件 名字必须为 vue.config.js添加一下内容const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias原创 2020-09-14 19:23:16 · 320 阅读 · 0 评论