Vue
文章平均质量分 53
Vue专栏
普罗旺斯.
这个作者很懒,什么都没留下…
展开
-
Vite+Vue+TS配置.env环境文件
文件名必须是这样定义,否则读取不到。,但是这样TS提示就没了!Vite 在一个特殊的。原创 2023-06-18 20:25:09 · 460 阅读 · 1 评论 -
Vue2 父子组件通信
2、在子组件里面通过 props接收父组件传过来的数据。this.$refs.header.属性。this.$refs.header.方法。1.父组件调用子组件的时候 绑定动态属性。this.$parent.数据。this.$parent.方法。1.调用子组件的时候定义一个ref。'方法1:触发监听事件监听成功'3.直接在子组件里面使用。// 父组件主动获取子组件的方法。'方法2:直接调用调用成功'2.在父组件里面通过。'我是首页组件的run方法'// 方法1:触发监听事件。'我是子组件的run方法'原创 2023-06-18 18:57:28 · 208 阅读 · 0 评论 -
Vite+Vue+TS配置.env环境文件
Vite+Vue+TS配置.env环境文件原创 2022-08-24 19:32:22 · 1652 阅读 · 0 评论 -
Vue 实现路由懒加载
常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import路由懒加载未用懒加载,vue中路由代码如下import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: '原创 2022-03-29 20:49:26 · 1940 阅读 · 0 评论 -
Vue 文字超出部分显示为省略号
<div class="time" :show-overflow-tooltip="true">文件名: {{ 文件名 | ellipsis }}</div>filters: { /** * 文件名超出24个字符后显示省略号 */ ellipsis(value) { if (!value) return '' if (value.length > 24) { return value原创 2021-04-27 16:21:05 · 2010 阅读 · 0 评论 -
Vue 使用定时器定时刷新页面
data(){ return { intervalId:null }},methods:{ // 定时刷新数据函数 dataRefreh() { // 计时器正在进行中,退出函数 if (this.intervalId != null) { return; } // 计时器为空,操作 this.intervalId = setInterval(() => { c原创 2021-04-25 18:40:09 · 10490 阅读 · 0 评论 -
Vue 添加 lottie 动画
目录1、修改前2、在vue中引入lottie3、全局引入 vue-lottie4、引入你的 lottie 资源5、结果1、修改前2、在vue中引入lottienpm install --save vue-lottie3、全局引入 vue-lottie在 main.js 引入并注册全局组件即可,当然你也可以局部引入,我用的局部引入import lottie from 'vue-lottie'; Vue.component('lottie', lottie)4、引入你的 lottie 资原创 2021-04-13 11:44:59 · 921 阅读 · 3 评论 -
Vue Element 下载 Excel 文件
测试可行引入工具库npm install -S file-saver xlsx引入import FileSaver from 'file-saver'import XLSX from 'xlsx'template<el-table <!-- 隐藏表格 --> v-show="false" <!-- 表格数据 --> :data="tableDataAll" &.原创 2021-03-18 20:15:43 · 394 阅读 · 0 评论 -
Vue 父组件调用子组件中的函数的两种方法
$on $emit 的组合使用父组件调用子组件的函数,所以父组件中使用 $emit( “函数名”,传递的参数) ; 子组件中监听此函数使用 $emit(“函数名”,传递的参数);子组件中监听此函数使用 $emit(“函数名”,传递的参数);子组件中监听此函数使用 $on(“函数名”,res =>{执行函数}); res 即为父组件传递给子组件的参数。直接调用父组件<template> <div> <div @click="click">点击父组件原创 2021-02-03 12:38:58 · 2995 阅读 · 0 评论 -
Vue 子组件调用父组件父页面的方法
第一种直接在子组件中通过 this.$parent.event 来调用父组件的方法父组件<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default { components: { child原创 2021-02-03 12:37:49 · 1079 阅读 · 0 评论