前端技术
包含vue、html、css
爱编程的小金毛球球
今日事今日毕
展开
-
css修改el-date-picker中placeholder的颜色
CSS /*此处开始时间日期选择框的id:starttime*/ #starttime::-webkit-input-placeholder { color: #ffffff; } #starttime::-moz-input-placeholder { color: #ffffff; } #s...原创 2020-04-14 21:54:37 · 3632 阅读 · 1 评论 -
el-popover弹窗修改三角样式
Vue<el-popover placement="bottom" title="标题" width="200" trigger="manual" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。" v-model="visible"> <el-button slot="reference" @...原创 2020-04-04 22:00:52 · 6072 阅读 · 0 评论 -
vue+Element实现获取数据并分页
与上述样式有所不同,如需更改样式请访问Element主页------Pagination 分页HTML<table> <tr v-for="items in projectReportList" :key="items.id"> <td>{{items.type2string}}</td><td>{{items.gent...原创 2020-04-04 22:15:41 · 1472 阅读 · 0 评论 -
Vue引用Element-UI时,组件无效果解决方案
问题:Vue在使用Element-UI组件的时候,已经安装好依赖> npm install element-ui在main.js中导入依赖import ElementUI from 'element-ui'并在全局中使用Vue.use(ElementUI)但,即使是这样,在使用element中的组件时,也没有出现预期的效果<el-row> &...原创 2020-05-01 22:52:19 · 14265 阅读 · 6 评论 -
vue+Element实现弹窗
Vue<el-popover trigger="click" placement="bottom" popper-class="preview-div" > <div>想要显示的内容</div> <el-button slot="reference" type="text">弹一弹&...原创 2020-04-04 21:56:25 · 1572 阅读 · 0 评论 -
JS时间戳、日期格式YYYYMMDD和字符串的转换
1. 当前时间转换时间戳var time1= new Date().getTime();var time2 = (new Date()).valueOf();var time3 = Date.parse(new Date());2. 指定日期转换时间戳time = '2020-05-08'const date = new Date(time).getTime() // getTime()返回数值的单位是毫秒3. 获取指定的日期格式YYYY-MM-DDconst date = new原创 2020-05-09 10:39:22 · 6358 阅读 · 1 评论 -
CSS之四角边框
CSS之四角边框作者:爱编程的小金毛球球日期:2020年4月1日效果图:首先,介绍linear-gradient()函数:linear-gradient() 函数用于创建一个线性渐变的 “图像”。为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡,并且你必须指定至少两种,当然也会可以指定更多的颜色...原创 2020-04-01 00:20:18 · 3916 阅读 · 2 评论 -
vue : 无法加载文件 \Node.js\node_global\vue.ps1。未对文件 \Node.js\node_global\vue.ps1 进行数字签名。无法在当前系统上运行该脚本。
vue : 无法加载文件 D:\Node.js\node_global\vue.ps1。未对文件 D:\Node.js\node_global\vue.ps1 进行数字签名。无法在当前系统上运行该脚本。最近在使用powershell下使用 vue init webpack <项目名称> 创建项目的时候遇到下面描述的问题:于是,使用vue -V查看vue的版本号,发现也是出现同样的...原创 2020-02-27 11:43:18 · 8421 阅读 · 1 评论 -
Vue实现搜索功能
Vue 实现搜索功能作者:爱编程的小金毛球球日期:2020年3月22日首先上图演示一下,菜单列表显示的搜索功能:这里介绍一下应用到的v-model:双向数据绑定,常用于表单元素例如input元素。HTML<template> <div id="alarmlist"> <header> <div id="header_in...原创 2020-03-22 13:24:11 · 5120 阅读 · 0 评论 -
JS自动触发onclick事件
<div id="btn" οnclick="tip('弹窗')">触发onclick</div> <script type="text/javascript">function tip (msg){ alert(msg);}// 三秒后模拟点击setTimeout(function() { // IE浏览器 if(docume...原创 2020-04-04 21:40:07 · 3824 阅读 · 1 评论 -
Vue : Custom elements in iteration require 'v-bind:key' directives.
Vue : Custom elements in iteration require ‘v-bind:key’ directives.作者:爱编程的小金毛球球日期:2020年3月25日在使用v-for做遍历list的时候,ESlint提示出现一个错误!Vue : Custom elements in iteration require ‘v-bind:key’ directives.自...原创 2020-03-25 11:40:55 · 1470 阅读 · 0 评论 -
引用vue-pdf后需npm install --save @babel/runtime/regenerator问题
如果执行 npm install --save @babel/runtime/regenerator无用解决办法:cnpm install --no-save @babel/runtime原创 2020-04-04 21:37:14 · 3903 阅读 · 3 评论 -
vue之实现预览pdf
最近在做vue项目的时候需要在线加载预览pdf,用到vue-pdf,下面来介绍如何实现:1.引入vue-pdfnpm install --save vue-pdf2.引入vue-pdf组件,添加urlimport pdf from 'vue-pdf';//pdf预览 export default { components: { pdf ...原创 2020-04-04 21:31:06 · 449 阅读 · 0 评论 -
CSS实现带三角的对话框
CSS实现带三角的对话框即对话气泡框作者:爱编程的小金毛球球日期:2020年3月22日话不多说,上图展示:首先,肯定是要先添加一个框了HTML<div class = "div"></div>CSS.div{ border: 2px blue solid; width: 200px; height: 100px;}这样就会得到一个框,如...原创 2020-03-22 22:46:30 · 2306 阅读 · 0 评论 -
Vue报错:“Do not use built-in or reserved HTML elements as component id: content”
Vue报错:“Do not use built-in or reserved HTML elements as component id: content”作者:爱编程的小金毛球球日期:2020-03-15最近在使用vue控件的时候,审查页面元素提示下图的错误:错误原因:组件,不能和HTML标签重复content组件和H5新标签重复解决办法:将HTML中div的id更换或是将v...原创 2020-03-15 12:02:48 · 594 阅读 · 0 评论 -
Vue实现跨域请求
Vue实现跨域请求作者:爱编程的小金毛球球日期:2020年3月20日一、使用axios实现跨域请求1.config—>index.jsdev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { //测试环境 '/api'...原创 2020-03-21 22:15:12 · 396 阅读 · 0 评论 -
Vue页面跳转传参
Vue页面跳转并传递参数作者:爱编程的小金毛球球日期:2020年3月15日1、通过router-link进行跳转,传递方式:使用query传递参数,路由必须使用path引入,使用params传递参数,路由必须使用name引入<router-link :to="{path: '/content', query: {key: 'hello', value: 'world'}}"&g...原创 2020-03-15 13:11:13 · 232 阅读 · 0 评论 -
Vue: qs的使用方法
Vue: qs的使用方法作者:爱编程的小金毛球球日期:2020年3月21日下载qsnpm install qs引入qs//在main.js引入qsimport qs from 'qs'//配全局属性配置,在任意组件内可以使用this.$qs获取qs对象 Vue.prototype.$qs = qs;使用qs的两种方法方法一:将序列化的内容拆分成一个个单一的对...原创 2020-03-21 22:52:24 · 2435 阅读 · 0 评论