1.给cascader组件赋值一个别名2 通过currentLabels 来获取cascader组件中的label

方法一：父组件代码：<template><div><child-formref="childRules" :addForm="addForm" ></child-form><el-button @click="saveForm()" size='medium'>保 存</el-button>...

//json是获取到的数据：var json=[{id:"1",grade:"大二",name:"Mike"},{id:"1",grade:"大二",name:"Mike"}];var str = 'ID,年纪,姓名\n';for (let i = 0; i < j

应用场景：在实际使用中经常会遇到需要在Form表单中使用table表格进行表单提交，同时又需要对table的字段进行校验，效果如图所示：这个校验中，最关键的问题在于如何给el-form-item 动态绑定prop。:prop="'tableData.' + scope.$index + '.字段名'"方法一：<template><div class="app-con...

在vue-cli3如何 引入并使用高德地图高德地图开发平台api接口：https://lbs.amap.com/api/javascript-api/guide/abc/prepare1.引入<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值">&...

我的项目里面：webpack打包之后生成的文件放在market 目录下；所以根据官方文档可以做如下操作：npm install -g serve(全局安装)serve -s market(运行打包后的文件)这样在：http://localhost:5000这个网址就能看到打包之后的效果了；注意：一般前端项目里面的请求是通过代理请求其他后端接口的...

应用场景：在使用选择组件 select 的时候：如果想要绑定的值，是一个对象，这样就可以获取整个对象，然后获取所需要的值进行赋值。可以如下操作：value直接绑定 对象item，但是需要注意的是：在select 上要加上属性：value-key,他对应的值，是:key="" ，所绑定的，不然就会有问题。注意：在编辑的时候，如果select 需要展示值的话，必须给 addForm.city...

由于弹出框嵌套了两层，导致input输入框毫无反应；后来发现是组件套用太深，vue检测不到视图更新，在失效输入框的input事件中加 this.$forceUpdate()强制刷新；<el-form-item label="测试数据：" required><el-inputv-model="test"type="number"...

vue代码<el-form-item label="图片" required><el-uploadclass="avatar-uploader define-uploader"accept=".jpg, .jpeg, .png":show-file-list="false"action:http-...

1.给项目安装一个组件：vue-circleprogressbarnpm install vue-circleprogressbar2.项目引用动态改变进度数据；<template><div class="wrap-progress" style="height: 200px;"><circle-progressbar...