随笔分类 - vue
摘要：1.html文件中添加代码 <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=申请的key&services=false"></script> 地址：https://lbsyun.baidu.com/
阅读全文
摘要：<template> <view class="bodys"> <u-navbar :placeholder="true" title="菜单" @leftClick="backBtn"> </u-navbar> <view id="scroll_box"> <view class="scroll_
阅读全文
摘要：使用工具将图片转换成ico格式（注：要转换，否则打包后可能无效） 将图片放到public中重命名成：favicon.ico
阅读全文
摘要：在父组件中为子组件定义key 父组件代码 当更新数据时，需要同事更新key值（key的值无所谓，更改即可） 例如tableComKey的值设置为0，更新数据后，key+1
阅读全文
摘要：1.首先需要定义跳转的位置 <div id="anchorID"></div> 2.直接使用如下方式即可 document.getElementById('anchorID').scrollIntoView({ behavior:"smooth" })
阅读全文
摘要：问题一：页面初始化使用this.$refs 为undefined 在updated(){},中使用 问题二： 页面使用el-dialog，this.$refs.handlingChild为undefined， 必须要打开dialog页面才能获取到 问题三： 页面使用v-if，this.$refs.h
阅读全文
摘要：使用这种方式更改对象中的数据无效 改为这种方式就可以了 原理暂时没懂
阅读全文
摘要：父子组件之间传值 1.通过props父组件给子组件传Boolean类型的值 父组件：:iconShow="true" 子组件接收 iconShow:{ type:Boolean, default:false },
阅读全文
摘要：1.安装插件 npm install vue-video-player --save 2.Main.js 引入组件 import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vu
阅读全文
摘要：安装npm install vue-video-player --save 引入 可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一） 【1】全局引用， 在main.js里面导入并引用 import VideoPlayer from 'vue-video-player' import
阅读全文
摘要：简单介绍一下vue中常用dialog组件的封装： 实现动态传入内容，实现取消，确认等回调函数。 首先写一个基本的弹窗样式，如上图所示。 在需要用到弹窗的地方中引入组件： import dialogBar from './dialog.vue' components:{ 'dialog-bar': d
阅读全文
摘要：1. router-link（声明式路由） 1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始
阅读全文
摘要：格式化为xxxx-xx-xx 方法一：使用时间过滤器 通过yarn add导入moment，之后再app.vue中写入以下代码（在app.vue中写，可以全局使用） //过滤日期 import Vue from 'vue' import moment from "moment" Vue.filter
阅读全文
摘要：1.将文件放在public中（一定要放在public中） 2.a标签书写 <a href="登记模板.xls" download="登记模板.xls">下载Excel模板</a> （其中download属性控制下载后文件的名称）
阅读全文
摘要：//过滤日期 import Vue from 'vue' import moment from "moment" Vue.filter('dateFilter', (data) => { // 日期处理函数 - moment if (data !== '' && data !== null && d
阅读全文
摘要：1.直接使用a标签（不知道下载时的文件名从哪里改） var url = this.URL + '//data/print/' + this.id //调用后台的url，可以传参数 const a = document.createElement('a') //创建a标签 a.setAttribute
阅读全文
