vue
文章平均质量分 67
LazyTing
这个作者很懒,什么都没留下…
展开
-
记使用vue cli3生成项目启动报错
ERROR Error: Cannot find module 'vue-loader-v16/package.json'原创 2021-02-06 14:57:10 · 688 阅读 · 0 评论 -
记一次使用npm命令报错
TypeError: Cannot destructure property `stat` of 'undefined' or 'null'.Error: call config.load() before reading values原创 2021-02-05 17:46:44 · 3997 阅读 · 0 评论 -
记一次 使用element ui的el-tree组件
前端项目中需要使用到element ui的el-tree组件官方文档:https://element.eleme.cn/#/zh-CN/component/tree但是项目中需要根据数据库数据修改页面显示值,并且需要对组件的操作进行控制1,控制动态增删按钮此操作重点在于v-if="data.canAppend"上根据文档,node可设置的属性如下起初以为只能通过node进行设置,但是尝试了很久,没有结果网上查找资料的同时灵光一闪,试试可不可以使用data,替换使用node,哈原创 2020-12-08 11:59:35 · 1105 阅读 · 0 评论 -
记一次 vue中style学习
为了避免全局组件之间的样式污染1,<style>标签加上一个scoped属性Vue 对 scoped的渲染规则对于所有的 Vue 组件,只要设置了<style scoped></style>,Vue就会给该组件生成一个唯一data值。 Vue 会将data值作为一个属性添加到组件内所有HTML的DOM节点 如果组件内部包含子组件,这有两种情况 情况一:子组件没有设置<style scoped></style>,则只会给子组件的最外原创 2020-12-01 17:55:33 · 504 阅读 · 0 评论 -
记一次vue build报错的问题:UglifyJs Unexpected token name
UglifyJs Unexpected token name原创 2020-09-15 16:21:17 · 1765 阅读 · 0 评论 -
记录:前端-外部关闭confirm
背景:页面使用了element-ui confirm组件,有且只有一个消息框,要在某些条件下关闭这个消息框,而且是不点击confirm上的任何按钮(右上角关闭,下方按钮,ESC,modal等等)解决:打开:this.$confirm('当前会话已接入,是否进入视频理赔界面进行会话?', '提示', { confirmButtonText: '是', showCancelButton: false, closeOnClickModal: false, clos..原创 2020-09-15 13:30:28 · 1812 阅读 · 2 评论 -
记一次vue中路由跳转
vue 路由跳转 携带参数原创 2020-08-20 17:39:24 · 137 阅读 · 0 评论 -
记一次vue 使用TRTC出现navigator.mediaDevices is undefined
<ERROR> navigator.mediaDevices is undefinedTypeError: Cannot read property 'getTracks' of undefined原创 2020-08-14 16:38:52 · 3090 阅读 · 3 评论 -
记录一次vue中json的循环
比较常见的循环: <el-timeline> <el-timeline-item v-for="(item, index) in traceDataList" :key="index" :timestamp="dateFormat(item.Timestamp)" placement="top">原创 2020-05-20 13:46:09 · 1523 阅读 · 2 评论 -
记一次前端vue 部署到linux服务上标记变为方框
现象:windows开发,部署到linux服务器上,开发环境没有问题,部署到测试环境就出现这个问题了原因:https://segmentfault.com/a/1190000019511585解决:将config目录下,index.js文件中的module.exports里的build对象的assetsPublicPath的值改为 "/"(原始值为 "./")然后 重新 npm run build ,再部署就行了...原创 2020-05-18 15:32:19 · 237 阅读 · 0 评论 -
js 格式化json
vue中暂时接口请求/返回数据,需要格式化jsonvue中使用<pre></pre>展示格式化后的代码由于接口请求有时会报错,在原代码上加上了try/catch,进行容错处理/*** 格式化json*/// 工具方法formatJson(json, options) {try{var reg = null,formatted = ''...转载 2019-09-25 18:49:36 · 258 阅读 · 0 评论 -
vue 记录父子组件之间传值
父组件调用子组件方法this.$refs.childRef.methodName()父组件调用子组件属性this.$refs.childRef.paramName()子组件向父组件传值子组件:this.$emit('mqBack',data);父组件:<el-tab-pane> <log-data-show @mqBack='mqBa...原创 2019-09-24 15:51:03 · 276 阅读 · 0 评论 -
vue swiper 插件稍改
项目中需要一个图片展示框,先展示一定量的图片,超过的需要切换到下一页,使用了swiper组件vue swiper将切换的左右箭头放到图片之外(便于放代码,未使用css样式,直接就放在style里面了)<swiper :options="swiperOption" style="width:90%;margin:0 2%;padding-right:60px"><swi...原创 2019-04-19 17:28:27 · 234 阅读 · 0 评论 -
vue+element ui 带字或者组件分割线
vue项目中需要用到带文字或者是按钮的分割线,并点击分割线进行另外组件的展示或者隐藏,研究了一下,记录一下<template><div class="hello"><h1>{{ msg }}</h1><div class="line-left-right"><el-button size="mini" round...原创 2019-04-19 17:22:15 · 19874 阅读 · 5 评论