要求：分页选择，数据回显并且保存选中的数据已经添加的商品，再次打开商品选择框时，默认选中，且不可选择父组件效果演示：点击添加商品按钮弹出商品选择框子组件子组件效果演示：代码：父组件：// 点击添加商品按钮-打开添加商品弹窗openAddGoodsDialog(index) {// 获取整个活动已经选取的商品数据，传递到添加商品子组件中，子组件中默认选中这些商品let goodsArr = [];t

一、底层接口$.ajax({url:'xxx', // 请求地址type:'get', // 请求方式get/postdata:{id:1,name:'张三'}, // 请求参数dataType:'json', // 用于设置响应体的类型，跟data参数没有关系beforeSend:function(){...

父组件通过props传值给子组件，子组件在methods里要拿到父组件传递过来的数据有2种情况：一、父组件传递的参数是固定的，data里面定义的参数，这时候在子组件通过this.xxx就可以获取到<wang-editor class="wangEditor" :content-data="content"></wang-editor>data() {ret...

1.效果预览2.实现思路制作6个小的正方形div用一个input覆盖在6个div上给input设置透明（隐藏掉input）3.源码html<div class="input-box flexbox"><div class="code-item" :class="codeValue.length == 0 && inputFocus ? 'code-item-act

主要功能需求点：点击左侧组件库按钮创建对应的不同的组件，并在右侧区域展示点击右侧创建的组件中的删除按钮，删除对应的组件删除对应的组件之后，下方的组件位置自动上移效果图：代码：父组件代码（去除了css样式代码）：<template><div class="home"><div class="container">...

效果图：1. 使用npm install --save vue-clipboard2下载2. 在项目的main.js中注册全局组件（也可以注册私有组件，根据项目自行判断）main.js:import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard);3.使用<div><span>...

示例：代码：// =====html代码=====<el-form-item label prop><el-uploadref="uploadImg"action="#"list-type="picture-card":auto-upload="false":on-remove="handleRemoveImg.bind(null,{'index':index,'data':it

html:代码<div class="btnWrap" style="margin-top:30px;"><el-button type="success" @click="downLoad_lower">线下二维码下载</el-button></div>后台请求图片地址：// 线下二维码下载downLoad_lower(...

遇到一个需求：选择时间后打印出来是 “2020-09-29T18:02:02.000Z” 格式的，后台需要转换为 “2020-09-30 02:02:02”格式。一、2020-09-29T18:02:02.000ZT表示分隔符，Z表示的是UTC。UTC：世界标准时间，在世界标准时间上加上8小时，即东八区时间，也就是北京时间。二、 2020-09-29T18:02:02.000Z转换为 2020-0

效果：html<el-table:data="data"borderstyle="width: 100%"@row-click="selectRow" //给行添加鼠标点击事件:row-style="rowStyle" // 设置行样式>js// 行鼠标点击事件selectRow(row, column, event) {co