vue
strong90
在程序猿的道路上,越来越猿~~
展开
-
elementui $message 多个弹出时,覆盖显示问题
加settimeout即可,原理未知settimeout({ this.$message('这是一条消息提示');}, 0)原创 2022-02-28 10:16:58 · 1957 阅读 · 0 评论 -
el-date-picker 的时间范围跨度设置
<template> <div> <div class="block"> <h2>日期 365 天</h2> <el-date-picker :picker-options="pickerOptions1" v-model="value1" type="daterange" format="yyyy-MM-dd" value-.原创 2022-02-18 16:51:05 · 3912 阅读 · 0 评论 -
elementui table 合并行的同时动态隐藏行
有个需求,点一行控制显示下几行的数据,且相同数据需要合并,实现是实现了,但是总感觉有点笨,记录下<template> <div class="home"> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px" :row-class-name="原创 2022-02-09 16:04:52 · 3111 阅读 · 0 评论 -
vscode创建vue3的代码块
{ "Print to console": { "prefix": "vue3", "body": [ "<template>", " <div></div>", "</template>", "", "<script>", "import { reactive, toRefs, onBeforeMount, onMounted } from 'vue'.原创 2022-01-27 18:04:23 · 2074 阅读 · 0 评论 -
判断浏览器关闭还是刷新,然后清除登录信息
window.onload = function() { if (!window.sessionStorage['tempFlag']) { console.log('关闭~~') localStorage.clear() } else { window.sessionStorage.removeItem('tempFlag') console.log('刷新~~~') } } window.o..原创 2020-09-02 10:27:39 · 361 阅读 · 0 评论 -
vue cli3.0 切换不同环境
1. 在根目录下创建constans.js内容如下:个人项目使用nginx配置,所以服务器上的api接口不用指定urlvar baseUrl = '';switch (process.env.NODE_ENV) { case 'production': baseUrl = '/api'; break; case 'development': // 5...原创 2019-12-17 09:48:43 · 291 阅读 · 0 评论 -
vue 动态加载css本地背景图片
在css中,正常这么引入是可以显示的background: url(../assets/images/banner.png) no-repeat center;代码中看的效果如下:但是在js中引入则需要加上 require(),不然无法显示...原创 2019-10-09 11:32:41 · 4483 阅读 · 0 评论 -
vue 过滤数组数据,可用于控制 el-table 某一行显示与否
<template> <div class="home-addressbook"> <div class="d-content"> <el-table :data="tableDataNew" stripe border style="width: 100%"> <el-table-column pro...原创 2019-09-20 15:30:43 · 3725 阅读 · 0 评论 -
element table 改变数据列表不更新
解决办法,使用 $set 重新给 data 赋值,原因尚不清楚(神烦啊,这什么双向绑定啊,唉,新手入坑第一弹)<el-table :data="data" stripe border> <el-table-column label="操作" width="200px"> <template slot-scope="scope">...原创 2019-09-05 10:56:07 · 24851 阅读 · 3 评论 -
el-tree 展开关闭全部
最近使用 element-ui 中的 tree ,发现设置一个按钮展开关闭全部很难,想出下面的解决办法,解决了,但是感觉不是很好思路主要就是 使用 v-if 控制 整个tree的显示隐藏,使它重新渲染<template> <div class='home-activity'> <div class="c-a-right"> ...原创 2019-09-04 16:08:14 · 9228 阅读 · 2 评论 -
vue 设置全局变量的颜色
版本 vue cli 2.6.0方式1:在工程根目录下,创建vue.config.js内容如下:module.exports = { css: { loaderOptions: { // 给 sass-loader 传递选项 sass: { // 所以这里假设你有 `src/variables.scss` 这个文件 ...原创 2019-09-02 13:36:07 · 8180 阅读 · 0 评论 -
vscode 设置vue 代码块
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class='$2'>$5</div>", "</template>", "", "<script>", "", ...原创 2019-08-30 13:57:59 · 1515 阅读 · 0 评论 -
vscode 快速创建vue代码
{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", " <div class='$2'>$5</div>", "</template>", "", "&l...原创 2019-06-13 16:08:10 · 2435 阅读 · 0 评论