vue
文章平均质量分 57
加油小吃货
找块合适的砖,搬过来用。没有合适的,就打磨一下,变得合适一点。
展开
-
ios safari 中时间 Invalid Date及Nah问题
new Date(date)在ie、fierfox、chrome,以及移动安卓端都能正常运行,但是唯有在Safari和ios中显示为 Invalid Date,日期显Nah-Nah-Nah原因是ios和safari不支持“YYYY-MM-DD”的时间格式,除此之外safari不支持的时间格式还有:YYYY-M-DD ("2017-1-07")YYYY-MM-DD hh:mm:ss ("2017-1-07 00:00:00")vue项目实现日期显示“刚刚”、“1分钟前”、“1天前”、“2022原创 2022-02-23 16:06:50 · 2879 阅读 · 0 评论 -
vue+elementUI 走马灯自定义(指示器设为圆点,设置手动滑动切换)
想要的效果如图可手动切换轮播。项目背景,vue项目。一、自定义指示器样式.el-carousel__indicator--horizontal .el-carousel__button { width: 10px; height: 10px; background: transparent; border: 1px solid #ffffff; border-radius: 50%; opacity: 0.5; } .el-ca原创 2022-02-23 10:01:11 · 11067 阅读 · 2 评论 -
elementUI vue 打包排坑
1、修改main.js引入路径import router from './router'需在以下代码之上import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'2、icon不显示,如下来选都显示为方框找到项目底下build/utils.js文件添加 publicPath: '../../'if (options.extract) { return ...原创 2021-12-22 15:17:17 · 257 阅读 · 0 评论 -
el-tree-transfer使用及踩坑坑
一、安装 使用:先 npm 下载插件npm install el-tree-transfer --save或npm i el-tree-transfer -S在需要使用组建的页面中引入:<script> import treeTransfer from 'el-tree-transfer' // 引入 export defult { data(){ return:{ title: ["待选","已选"], //原创 2021-12-21 16:07:29 · 13437 阅读 · 4 评论 -
vue 生成条形码
jsbarcode是一个不依赖任何库/框架的条形码生成库,使用原生JavaScript写成。npm安装npm i jsbarcode页面/组件<template> <!-- 条形码容器,可选svg、canvas,或img标签 --> <svg id="barcode"></svg> <!-- or --> <canvas id="barcode"></canvas> <!-- o原创 2021-07-23 16:10:26 · 841 阅读 · 0 评论 -
vue把table导出为表格 elementUI
使用vue框架以及vue的其他生态系统,组件库使用的是element-ui。首先要安装两个包:XLSX,file-saverxlsx 官方文档(英文):xlsxnpm install --save xlsx一导出原生表格<table class="tablebox" id="table">...</table>/*原生 表格*/<el-t...原创 2019-06-21 10:23:13 · 452 阅读 · 0 评论 -
elementui 计数器动态渲染无法点击
<el-table :data="orders" style="width: 100%;min-height:auto !important;"> <el-table-column prop="name" label="名称"></el-table-column> <el-table-column prop="price" label="单价">...原创 2019-05-23 11:41:54 · 1747 阅读 · 0 评论 -
让sublime text3支持Vue语法高亮显示
让sublime text3支持Vue语法高亮显示1.准备语法高亮插件vue-syntax-highlight。下载地址:https://github.com/vuejs/vue-syntax-highlight下载页面并下载:解开压缩包vue-syntax-highlight-master,其内所有文件备用。2.将vue-syntax-highlig...转载 2019-02-28 21:31:51 · 205 阅读 · 0 评论 -
vue打包页面空白解决方法
1、index.html显示空白问题vue项目打包后,查看index.html,网页显示一片空白,f12查看console均是引用路径错误问题!具体解决方法:config--index.js中assetsPublicPath: '/'改为assetsPublicPath: './',如下图所示:注意修改的为build方法!(改了多次竟然改的是下面的dev方法,为自己的捉急啊。。...原创 2019-01-31 09:55:42 · 1535 阅读 · 0 评论 -
VUE初写小项目问题之命令行报错:Expected indentation of 4 spaces but found 6
一、问题刚开始用一个小项目练手,用vue-cli初始化项目,直接安装了所有的东西,如vue-router、ESLint、unit tests等等,当时只懂得vue-router是什么。问题来了,在vue页面写代码时,命令行报了很多错,几乎全是Expected indentation of 4 spaces but found 6类似这样的二、经过看了报的错,就直接删除了多余的空格。然...转载 2019-01-25 10:24:59 · 446 阅读 · 0 评论 -
vuejs之vue-cli学习笔记(一)
vue-cli1、把html、JavaScript、css整合到一个.vue文件中<template></template> 存放html文件<script></script> 存放JavaScrip文件<style></style> 存放css文件...原创 2018-10-24 15:34:17 · 243 阅读 · 0 评论 -
vuejs学习笔记(一),直接引入vue.js
声明式渲染:<!DOCTYPE ><html> <head> <title>声明式渲染</title> </head> <style> </style> <script src="https://cdn.staticfile.org/v原创 2018-10-29 15:54:56 · 10890 阅读 · 1 评论