vue
布袋里长出了橘猫
没有特别幸运,请先特别努力
展开
-
vue element UI el-cascader 级联选择器 获取当前选择值的整个对象
要使用到cascader组件选中的数据的所有部分,并没有类似于select组件中的value可以指定,查看官方文档提供了新的方法,官方地址https://element.eleme.cn/#/zh-CN/component/cascader。原创 2022-09-21 16:29:17 · 9936 阅读 · 1 评论 -
vue3 使用vue cli创建一个vue3项目教程指南
第一步1 、使用vue --version 查看是否安装vue如果没有安装,使用命令:npm install vue-cli -g 安装,安装成功之后会显示版本号2 、创建项目:使用命令 vue create nfinite_rolling创建项目原创 2022-03-16 14:29:29 · 1389 阅读 · 0 评论 -
canvas实现前端图片下载
问题描述:前端下载图片可以使用一下两种方式1、通过a标签直接打开,同域名下可以直接下载,不同域名下会打开新的标签页。项目中图片往往都是单独存储,很多不在同一个域名下。就用到下面第二种方式2、通过canvas标签下载,代码如下://data为图片URL downloadClickHandler(data:any){ if (!data) { return; } this.getUrlBase64(data).then((base原创 2021-11-17 14:54:38 · 889 阅读 · 0 评论 -
vue2使用ts深度监听对象属性
首先引入Watchimport { Component, Vue, Prop,Watch } from 'vue-property-decorator';代码如下@Watch("templateEditForm.type", { immediate: true, deep: true }) onTypeChange(newVal:any, oldVal:any) { console.log(newVal + ',' + oldVal); }原创 2021-11-09 11:33:17 · 733 阅读 · 0 评论 -
element-ui中的el-tree组件自定义slot使用
element-ui中的el-tree组件自定义slot使用<el-tree ref="tree" class="tree" v-show="!value" highlight-current :accordion="false" node-key="id" :data="[queryTree]" :props="defaultProps" :expand-on-click-node="false"原创 2021-09-14 16:45:39 · 3285 阅读 · 0 评论 -
elementUI el-time-picker重新赋值之后,再选择日期不更新问题
拿到编辑数据赋值给time-picker的v-modelasync handleEdit(index, row) { this.editType = row.itemType const data = await fetchDomainItemQueryById ({clusterId: this.treeNode.id,itemType: row.itemType,itemId: row.itemId}) this.form = data.data原创 2021-09-14 16:06:17 · 1474 阅读 · 0 评论 -
vue tab切换echars宽度不对,显示100px问题
vue tab切换echars宽度不对,显示100px问题使用vue的el-tab-pane组件,切换到第二个组件的时候,底下的echars图宽度显示为100px第一步:获取外层元素的宽度,赋值给echars第二步:切换到第二个tab栏的时候,重绘图表,使用vue的el-tab-pane组件,切换到第二个组件的时候,底下的echars图宽度显示为100px网上搜的乱七八糟的onsize什么的没...原创 2019-09-10 18:42:31 · 634 阅读 · 0 评论 -
elementUI el-upload自定义参数
elementUI el-upload 上传文件 自定义参数elementUI 提供的Upload 没有自定义回调参数可以通过以下两种方式实现方法一: data传参,官网提供的data方式方法二:很多场景下,页面使用到多个el-upload组件,这个时候element并没有提供类似this的这么个东西,钩子函数的回调里面定位不到当前组件,可以通过以下两种方式获取到当前组件。elementUI...原创 2019-07-03 18:37:42 · 40323 阅读 · 1 评论 -
前端面试题(二)vue和react的区别
相同点1 都支持服务器端渲染2 都有Virtual DOM(虚拟dom),组件化开发,都有’props’的概念,这是properties的简写。props在组件中是一个特殊的属性,允许父组件往子组件传送数据,都实现webComponent规范3 数据驱动视图4 都有支持native的方案,React的React native,Vue的weex5 构建工具React和Vue都有自己的构...原创 2019-05-29 13:20:09 · 7741 阅读 · 0 评论 -
git commit 关闭eslint校验
vue项目中带eslint校验,在提交代码时遇到报错。虽然这样写起来项目很规范,有时候觉得很烦。需要关闭git提交时校验在项目里面新建.eslintignore文件,在里面忽略就行,例如忽略src文件项目目录:忽略代码:这样就能重新提交代码啦!如有问题请及时联系~...原创 2018-12-29 15:52:34 · 26083 阅读 · 2 评论 -
vue axios前端配合后端解决跨域问题,并将请求放在body中
axios跨域前端修改携带cookie 在axios创建时要加入withCredentials: true,默认withCredentials:false,是不会携带cookie的跨域需要携带两个参数config.data = JSON.stringify(config.data); config.headers = {Content-Type':'application/json' }。需要后端...原创 2018-12-28 18:25:52 · 5058 阅读 · 0 评论 -
vue cli 在mac中配置
vue cli 在mac中配置全局安装 npm install -g vue-cli使用vue list查看vue的模板初始化启动项目全局安装 npm install -g vue-clinpm install -g vue-cli使用vue list查看vue的模板vue list初始化启动项目使用webpack 模板生成一个vue的项目vue init webpack v...原创 2018-12-19 19:27:10 · 668 阅读 · 0 评论 -
npm run dev 之后 Error: getaddrinfo ENOTFOUND localhost
编译出现Error: getaddrinfo ENOTFOUND localhost,原因 没有指定 localhostError: getaddrinfo ENOTFOUND localhostat errnoException (dns.js:28:10)at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:76:26)...原创 2018-06-07 12:12:50 · 6199 阅读 · 0 评论