![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
mister_snail
Many a pickle makes a muckle.
展开
-
vue外部链接记录
使用:// 当前标签页window.location.href="https://www.baidu.com";// 打开一个新的标签页window.open("https://www.baidu.com");注意:外部链接记得添加http协议呦????附:vue-router打开新窗口import { window } from 'globalthis/implementation';const routeData = this.$router.resolve({ path })原创 2021-10-19 12:02:35 · 153 阅读 · 0 评论 -
el-tree修改前面箭头图标
效果图如下:<style lang="scss">@import "~@/assets/styles/variables.scss";.el-tree /deep/ .el-tree-node__expand-icon.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg);}// 没有展开且有子节点.el-tree /deep/ .el-icon-caret-right:before {原创 2020-12-02 20:59:55 · 3919 阅读 · 1 评论 -
el-table中render方法中实现显示文字与提示文字不同的效果
1.新建一个组件.vue<template> <div class="tooltip"> <el-tooltip effect="dark" open-delay="500" class="ell" placement="top" v-if="showText !== '-'"> <div slot="content"> <!-- 插槽,可提供多行的提示信息 --> <!-- 全局组原创 2020-12-02 20:22:55 · 862 阅读 · 0 评论 -
vue组件记录-提示信息
效果如下:.vue<template> <!-- begin: 提示信息组件 --> <div> <div class="v-modal" v-if="isShow"></div> <div class="pj-message" v-if="isShow"> <span v-for="(item, index) in typeArr" :key="index"> &l原创 2020-12-02 20:15:25 · 260 阅读 · 0 评论 -
vue项目中引入iconfont
1.将图标文件下载至本地下载解压缩后为如下文件2.将图标文件添加至项目中如图,我的放置在assets文件夹下。3.在项目的入口文件中引入,其他地方即可使用。import '@/assets/icon/iconfont.css';...原创 2020-12-02 20:03:55 · 192 阅读 · 0 评论 -
vue img动态 src
<img :src="require('../../assets/weather_images/' + weatherIconName + '_0.png')" alt="weather-icon" />原创 2020-08-30 23:54:15 · 111 阅读 · 0 评论 -
获取当前时间的混入方法
import dayjs from 'dayjs';export default { data() { return { // 当前日期 date: this.getDay(this.dateFormat), dateFormat: '', // 当前时间 time: this.getTime(this.timeFormat), timeFormat: '', // 当前星期 week: this原创 2020-08-30 19:05:34 · 178 阅读 · 0 评论 -
vue组件Demo之table分页
<el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page.sync="currentPage" :page-size="100" background layout="slot,total, ->,prev, pager, next,jumper" :total="1000"> <span style="font原创 2020-08-05 18:22:05 · 210 阅读 · 0 评论 -
vue学习之计算属性和侦听器
vue 计算属性和侦听器计算属性是基于响应式依赖进行缓存,只在相关响应式依赖(被调用)发生改变时才会重新求值(同一函数定义为一个方法时,只有触发重新渲染时,才会再次执行函数)。// 以下计算属性将不再更新,因为 `Date.now()` 不是响应式依赖:computed: { now: function () { return Date.now() }}计算属性默认只有 getter,在需要时自己提供一个 setter,当setter 被调用时,里面的内容也会被更新。c原创 2020-08-05 17:14:36 · 173 阅读 · 0 评论 -
vue-cli升降版本问题
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 webpack namevue-原创 2020-05-14 11:22:21 · 8074 阅读 · 0 评论