![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
BUG创建者
挖过煤 扛过枪 我家门前站过岗
展开
-
js学习网站分享
js学习网站分享原创 2023-01-13 10:38:44 · 95 阅读 · 0 评论 -
vue table表格中使用input框动态添加数据
【代码】vue table表格中使用input框动态添加数据。原创 2022-10-20 16:02:36 · 1681 阅读 · 0 评论 -
form表单的常用校验
【代码】form表单的常用校验。原创 2022-08-30 11:21:46 · 183 阅读 · 0 评论 -
table组件的使用
代码】table组件的使用。原创 2022-08-19 10:40:15 · 114 阅读 · 0 评论 -
webpack的详细描述
webpack的详细描述原创 2021-07-26 22:20:40 · 101 阅读 · 0 评论 -
vue 的属性
vue 的属性原创 2021-07-26 22:19:55 · 166 阅读 · 0 评论 -
vue的table表格中隐藏和显示某个单元格
<template> <div class="hello"> <el-progress :percentage="percentage" :color="customColorMethod"></el-progress><el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" ..原创 2021-06-23 22:21:38 · 1481 阅读 · 2 评论 -
vue 的自定义进度条的分数,百分数
1原创 2021-06-23 21:36:26 · 1623 阅读 · 0 评论 -
vue项目中导出word文档
最近项目需求要将table表格中的内容导出成word格式,在网上查资料找到2种方式1使用word模板的方式1.安装需要的包-- 安装 docxtemplatercnpm install docxtemplater pizzip --save -- 安装 jszip-utilscnpm install jszip-utils --save -- 安装 jszipcnpm install jszip --save -- 安装 FileSavercnpm install file-s原创 2021-06-23 21:15:50 · 866 阅读 · 1 评论 -
vue中的富文本quill
1、安装依赖npm install vue-quill-editor --saveQuill的富文本编辑器分为snow和bubble两种。snow是有工具栏的和bubble是只有文本域的2 使用a.在main.js引入import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'//一定要引入这三个css,不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入,也可以在具体使用的.vue文原创 2021-04-28 22:12:25 · 533 阅读 · 0 评论 -
vue 富文本编辑器
在vue项目中使用到 富文本编辑器npm i wangeditor --save创建一个组件wangeditor<template> <div id="wangeditor"> <div ref="editorElem" style="text-align:left;"></div> </div></template><script>import E from "wangeditor";exp原创 2021-04-28 21:57:39 · 2119 阅读 · 0 评论 -
关于element 时间组件封装的季度组件
关于element 时间组件封装的季度组件<template><div style="display: inline-block;" class="jidu"><mark style="position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0);z-index:999;" v-show="showSeason" @click.stop="showSeason=false">原创 2021-03-31 22:14:07 · 383 阅读 · 0 评论 -
公用的js代码库
常用的js方法汇总/** * 存储localStorage */ export const setStore = (name, content) => { if (!name) return; if (typeof content !== 'string') { content = JSON.stringify(content); } window.localStorage.setItem(name, content);}/** * 获取localStorage */原创 2021-03-31 22:12:40 · 170 阅读 · 0 评论 -
vue 配置文件2
公共css方法篇commonbody, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption { padding: 0; margin: 0; list-style: none; font-style:原创 2021-01-31 10:37:53 · 86 阅读 · 0 评论 -
vue的生命周期 和 路由守卫
生命周期beforeCreate实例初始化之后this指向创建的实例数据观测(data observer)和event/watcher配置尚未完成不能访问到methods、data、computed、watch上的方法和数据Create实例创建完成,并已经完成以下配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调此时可以调用methods中定义的方法,修改data的数据,并且可触发响应式变化、computed值重新计算,watch到变更等be原创 2020-12-12 10:33:54 · 569 阅读 · 0 评论 -
vue 组件传值
1.prop和emit父组件通过子组件暴露的prop的sonValue、dauValue向子组件传值子组件通过内部定义的props接收到父组件的值,每当父组件的值变化的时候,子组件内部的值就会发生变化,可以使用this.[props]来进行引用2.vm.emit 父组件通过子组件暴露的prop的sonValue、dauValue向子组件传值 子组件通过内部定义的props接收到父组件的值,每当父组件的值变化的时候, 子组件内部的值就会发生变化,可以使用this.[props]来进行引用原创 2020-12-03 15:48:33 · 348 阅读 · 0 评论 -
在项目中添加天气预报功能
查看当地的天气情况 调用七日的天气预报情况 天气预报注册账号获取appid和APPSecret使用 https://www.tianqiapi.com/api图标可以直接在网站上下载<!-- 天气模块 --><template> <div class="weather"> <div class="amap-page-container" style="display:inline-block;width:0;height:0;"原创 2020-11-13 11:51:09 · 1009 阅读 · 0 评论 -
利用LiveQing在 vue 页面播放直播视频
安装 npm install @liveqing/liveplayer安装 npm install copy-webpack-plugin@4.6.0在build文件的 webpack.dev.conf.js下插入const CopyWebpackPlugin = require('copy-webpack-plugin');...... // copy js lib and swf files to dist dir new CopyWebpackPlugin([原创 2020-11-13 10:05:42 · 1513 阅读 · 0 评论 -
element ui树上关于 选择子级父级也是勾选状态
有时候需要在树上选择子级取消后,父级不取消的业务 <el-tree class="ztreelist" :data="treeMenu" show-checkbox node-key="root_code" ref="treeMenu" highlight-current :default-checked-原创 2020-11-13 09:54:04 · 765 阅读 · 0 评论 -
element ui 文本域设置不可以拖拽
文本域自定义高 :rows=“2” :rows=“4” 文本域设置不可以拖拽 添加 resize=‘none’ 属性即可下面的样式原创 2020-10-29 11:13:21 · 5454 阅读 · 0 评论 -
vue 面试知识点的汇总
一句话就能回答的面试题1.css只在当前组件起作用答:在style标签中写入scoped即可 例如:2.assets和static的区别答:相同点:assets和static两个都是存放静态资源文件。项目中所需要的资源文件图片,字体图标,样式文件等都可以放在这两个文件下,这是相同点不相同点:assets中存放的静态资源文件在项目打包时,也就是运行npm run build时会将assets中放置的静态资源文件进行打包上传,所谓打包简单点可以理解为压缩体积,代码格式化。而压缩后的静态资源文件最终也都原创 2020-10-09 16:57:29 · 329 阅读 · 0 评论 -
关于海康威视在chrome 浏览器的问题
最近公司接入了海康威视的摄像头 开始研究关于海康威视的东西,开始给的32,64 各种版本的插件包,发现在chrome高版本浏览器上无法展示,只能在ie上展示后面开发人员有给发了无插件的版本 看了一下是ngix代理服务器,加c++ 需求直接展示,在网上找关于H5Stream通过RTSP协议完成实时传输和显示摄像头画面的功能,海康威视的web控件对高版本Chrome不予支持然后找到摄像机上面视频流海康威视IP摄像头rtsp协议地址如下:rtsp://[username]:[passwd]@[ip原创 2020-09-18 17:07:58 · 18417 阅读 · 4 评论 -
vue 项目中使用video实现视频播放效果暂停播放
<video :src="video_url" controls="controls" style="width:100%;height:100%;" ref="vueMiniPlayer"></video>再给this.video_url='http://47.105.206.28/videos/wangkun.mp4'判断是否暂停状态返回true falsethis.$refs.vueMiniPlayer.paused //true falsethis..原创 2020-08-17 10:42:35 · 6440 阅读 · 0 评论 -
vue 中使用高德地图以及三级联动跳转到下一级区域
效果图1.安装插件:npm install vue-amap --save2.脚本初始化,main.js中import Vue from 'vue';import AMap from 'vue-amap';import App from './App.vue';import router from './router';Vue.use(AMa...原创 2019-11-29 17:31:34 · 4404 阅读 · 0 评论 -
element ui table表格中修改某一列样式
在element中修改表格某列的样式时可以根据:cell-class-name="addclass"来修改,我这边需要给某个列加粗,当你选择不同的值时,某一列进行加粗提醒当我选择最小值,想要最小值的这一列加粗在addclass函数中的row中有个columnIndex可以是第几列添加一个addcss样式属性,当num的值变化时表格的加粗列也就跟着变化即可ad...原创 2019-11-13 15:49:10 · 19535 阅读 · 0 评论 -
vue 中then后的返回值
Promise 中处理的是异步调用,异步调用是非阻塞式的,在调用的时候并不知道它什么时候结束,也就不会等到他返回一个有效数据之后再进行下一步处理可以使用async和await来得到我们的返回值在vue中的函数加上asyncasync del(id){ var that=this var params={ ...原创 2019-10-28 11:09:29 · 12930 阅读 · 0 评论 -
vue 中上传文件带参数eg
在element ui中上传文件时,使用FormData来上传如下<el-upload id="importFile" class="upload-demo" :limit="1" ref="uploads" ...原创 2019-10-21 15:54:56 · 3324 阅读 · 0 评论 -
vue 中拼接html时添加点击事件
在vue 的html拼接在添加点击事件用原生的onclick来触发事件,将事件挂在window上<template><div> <el-button @click="hahha"> 添加 </el-button> <div style="height:500px;width:1000px;...原创 2019-09-24 11:58:09 · 69212 阅读 · 15 评论 -
element 遍历树 修改lable让图标显示和消失
filterNode(value) { var resultArr = new Array(); var getTickMenuId = function(obj) { if (undefined == obj || null == obj || !obj instanceof Object) { return; ...原创 2019-09-24 11:37:47 · 917 阅读 · 0 评论 -
vue 的v-for 中v-model绑定数据并拿到这些数据
<div style v-for=" (item,index) in car" :key="index"> <div style="height:40px;line-height: 40px; text-align: left;"> <i ...原创 2019-09-20 18:16:30 · 2224 阅读 · 0 评论 -
el-tree默认展示到指定的某一级
原来的样子要展示到截面这一层级官方说是拿到上面的id放入数组中设置相关的数值 在去循环我们的datatree数据打印出来是这些id效果入下循环的代码 for (let i = 0; i < that.data.length; i++) { if (that.data[i].children.length>0...原创 2019-06-27 15:45:16 · 6744 阅读 · 0 评论