 The dream is near  -CSDN博客

原创 vue实现父子组件的互相传值及调用方法

1.父级组件调用子组件及传值(1)命名组件命名使用驼峰命名法，如addStudent引用时，用短横线连接，如:<add-student></add-student>2、引用将组件页面import进入当前页面，并在componens里注册组件import addStudent from "./components/addStudent";export default { components: { addStudent },}3、传值父组件通过

2021-09-02 10:40:13 300

原创 el-dialog关闭时销毁组件，重置页面

1、关键代码：v-if配合destroy-on-close，当页面关闭再打开，会重新渲染el-dialog<el-dialog title="测试" :visible.sync="isShow" destroy-on-close :before-close="closeDialog" v-if="isShow" > <el-form :inline="true" :model="testForm" ref="testForm">

2021-08-31 16:50:41 3671 1

原创 el-table实现默认选中/置灰不可选

分为两种情景：置灰和选中常用属性：:reserve-selection:true //翻页后仍记住表格选项场景1：已经进行操作过的列表，不能再处理，需要置灰。:selectable='checkMaterialStatus'checkMaterialStatus方法：根据已经处理的列表内容(假设为selectList)，遍历表格，如果有相同的id（唯一值），则置灰不可选，反正返回true。checkMaterialStatus(row){ if(this.selectList

2021-08-31 16:31:31 3763

原创 el-table动态列(表头顺序固定)实现和乱序的列表的映射（含可编辑表格的保存）

关于动态列的遍历方法，可以查看我的上一篇推文：el-table实现指定列作动态列表渲染首先动态列的表头是固定，那么就要有单独的一个list存储表头的内容：myList:{ [name:'动态列1'], [name:'动态列2'], [name:'动态列3'],}后台传过来的数据是不固定的：//动态列的顺序不一致exportForm：{ exportData：{ [ //动态列1 readList:{ [name:'动态列2',value:'222'],

2021-08-31 11:05:13 906

原创 el-table实现指定列作动态列表渲染

重要代码:myList是动态列的表头名称,readList是需要遍历的动态内容exportForm：{ exportData：{ [ fix_first:"", fix_second:"", readList:{ [name:'动态列1'，value:''], [name:'动态列2',value:''] } ] }}myList:{ [name:'动态列1'], [name:'动态列2']}<el-table-column v-for

2021-08-30 17:59:17 663

转载给el-table添加必填校验的*号

参考网址：https://www.cnblogs.com/dreamstartplace/p/13051418.html

2021-07-09 10:27:50 1007

原创 el-table根据后台数据映射展示对应数据，如状态

整体代码

2021-07-07 10:16:59 3388

原创实现el-table里表单每一行输入框间的校验比较

自定义校验规则：如：卖出数量不能大于未出售数量let checkNumber = (rule, value, callback) => { //获取当前行的index值 let index = rule.field.split(".")[1]; //value为卖出数量值，unsealedQuantity为未出售的数量 if (parseInt(value) > parseInt(this.orderDetailForm.orderDat

2021-07-06 15:31:14 578

原创 el-table实现复选框选中时，才校验表单的数据格式和内容

动态变更rules，判断当前行是否选中通过三元表达式，当选中时赋予校验规则，反之为空:rules="(rows.length && (rows.indexOf(scope.row) !== -1)) ? orderDetailRule.soldNumber: []"1、html: <el-table-column type="selection" width="55" :reserve-selection="true" > </el

2021-07-06 12:48:30 810

原创 vue-element实现全局loading效果

main.jsimport ElementUI from 'element-ui'import { Loading } from 'element-ui';//打开加载Vue.prototype.startLoading = (msg) => { // 使用Element loading-start 方法 loading = Loading.service({ lock: true,//锁定屏幕 text: msg, background: 'rgba(0,.

2021-06-15 11:02:02 515

原创 dart语法 ??= 使用报错原因 The non-nullable local variable ‘b‘ must be assigned before it can be used.

1、报错情况：使用int等指定类型来声明变量，b必须是int类型的数据，不能为null，否则会报错。报错如图：2、解决办法使用var来声明变量，即与js语法一致，可以只声明变量而不初始化

2021-04-28 11:30:18 2329

原创后台传了中文字段，vue、小程序要如何读取展示？

1. 小程序1.1 html用 [‘中文字段’] 的形式进行引用<view class="text" wx:if="{{newData['学生信息']['学生名称'] != null}}"> <view class="title">学生名称：</view> <view class="title-text"> <text>{{newData['学生信息']['学生名称']}}</text>

2021-03-26 17:44:59 385

原创 vue重新渲染组件但不关闭页面

通过设置key值重新渲染组件如果使用v-if，页面会关闭后再打开,页面显示不友好<template> <mycomponent :key="refreshkey" /></template><script>import mycomponent from "./mycomponent";export default { components: { mycomponent }, data() { return {

2021-03-26 16:08:28 132

原创 Graphql实现增删改查

查询1.1简单查询//studentGraphql.vue<script>import gql from "graphql-tag";//sql语句export default { fragments: { getStudent: gql` query Student( $filter: StudentFilter $offset: Int $first: Int ) { //计算学生总.

2021-03-19 16:30:16 1072

原创 vue里实现弹窗确定后关闭当前浏览器页面

在alert弹窗内添加callback，当用户点击确定或者关闭时，将关闭浏览器页面this.$alert('当前页面已过期，请重新从门户页打开', '提示', { confirmButtonText: '确定', callback: action => { //关闭浏览器 window.open('','_self').close() }...

2021-03-17 15:58:29 1402

原创小程序实现表单内签名效果

1.签名页1.1 html<view class="cont cont02" hidden="{{istanc}}"> <view class="weui-cells__title">签名区</view> <view class="weui-cells weui-cells_radio" style="padding:0 20rpx;text-align: center;"> <templat.

2021-03-17 14:31:42 385

原创小程序websocket上下行代码整理

js:websocket(简称ws)连接，上下行方法//app.jsglobalData: { task: null //ws连接后的task对象}//index.jscount: 0,//记录ws连接次数isReceive: false, //判断是否获取下行信息connectWebsocket() { var that = this // 存储连接后的task对象存到全局，保持连接 var task = wx.connectSocket({

2021-03-17 10:58:53 323

原创设置路由后，页面仍然空白的问题 Cannot read property ‘requestContent‘ of undefined

redirect的地址要另外写一个，不然路由无法跳转过去

2021-03-11 15:03:06 3346

原创小程序实现实名、支付及签约

1.实名(1)html<view class="btnCont"> <button bindtap="startVerify" class="weui-btn bgblue" >实名认证</button></view>(2)js// 调用实名认证api startVerify: function () { var that = this; const bizToken = this.data.biz_token //身

2021-03-04 11:40:16 1003 2

原创 vue背景图片底下留白如何充满全屏

底下留白解决方法：因为我是全局背景都是这张图片，因此直接在app.vue写样式#app{height: 100%;background: url(img/timg.jpg) no-repeat;background-size: 100% 100%;background-attachment:fixed;}

2020-09-17 17:29:26 971

原创引入uni.css后报错Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js)

原因：没有复制uni.ttf文件。除了在App.vue的样式中加入`@import ‘./common/uni.css’;还要讲将static中的uni.ttf文件复制进来

2020-08-26 15:23:42 5059 1

原创 vue template报错：Component template should contain exactly one root element

原因：template底下只能有一个元素，多个会报错<template> <button @click="jump">返回</button> <div>公告</div> </template>解决方法：在最外层加一层div即可<template> <div class="notice"...

2020-04-16 11:32:44 142

原创 Navigating to current location ("/user") is not allowed"

错误原因：点击的所要跳转的路由和当前是相同的。如果没有向router.push提供回调，错误只会发送到全局路由器错误处理程序。现在，因为推送和替换都返回一个承诺，如果导航失败(任何取消导航的操作，如next(false)或next(’/other ')也计算在内)没有被捕获，您将在控制台中看到一个错误，因为该承诺拒绝没有被捕获。解决方法：重写push方法，加上catch函数this.$rou...

2020-04-11 14:10:38 445

原创 el-table内的表格开启validate表单验证后，报 type check failed for prop "data". data.indexOf is not a function错

原因：el-table内不能存在有obejct类型的数据，需要转成数组或其他格式。如果需要提交obejct类型的表单，可在验证表单成功后再自行将数组转换成obejct类型。...

2020-04-09 19:40:45 658

原创 vue使用echarts-legend-icon自定义图标路径错误问题

除了static文件夹，图片放在其他文件夹都会被webpack构建，如改成base64的格式。因此js就会找不到图片路径。因此，如果要正确引入图片有以下几种方法：1、使用require，使用如图正确路径所示方式展示。icon:('image://'+require("../../../assets/images/driveless/right/right_img7.png")+'')...

2019-11-06 14:36:41 1213

原创 10月21日-25日学习播客总结（vue vuex axios vue-router flex布局）

10月21日-22日1、vue-router学习https://www.jianshu.com/p/06d08ea39e312、vue2.0中的$router 和 $route的区别https://www.cnblogs.com/czy960731/p/9288830.html3、axioshttps://www.jianshu.com/p/f438914a2437http...

2019-10-23 15:27:10 106

原创当position为absolute时，盒子如何居中定位

样式：1、页面居中 position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto;2、垂直居中 position: absolute; top:0; bottom: 0; margin: auto;3、水平居中 position: absol...

2019-09-02 23:22:34 1423

原创常见HTTP状态

常见HTTP状态码：200 请求成功301 资源被永久转移到其他URL304 Not modified未修改，所请求资源未修改。403 Forbidden服务器理解请求客户端的请求，但拒绝执行404 请求的资源不存在500 内部服务器错误502 从远端服务器接收到了一个无效的请求...

2019-08-29 16:41:30 173

原创点击div以外让div消失的方法及绑定body点击事件直接触发的解决方法

利用 $.contains()函数比较当前点击元素是否包含在div内。如我们要让class为all_introducitons的模块在点击其他位置时消失，我们可以设置body的点击事件，当点击时判断当前点击的元素，即event.target，然后contains()函数就会判断，如果包含则返回true，不包含则返回false。 <div class="all_introductions"...

2019-08-29 16:39:41 1050 3

原创 swiper点击按钮轮播失效，按F12弹出编辑器后才有效的解决方法

因为我给swiper-slide内的元素进行了样式的添加修改，所以导致swiper初始化失败，因此在js内添加observer和observeParents参数便可。var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', // 垂直切换选项 loop:false, noSw...

2019-08-29 15:17:26 1559 5

原创 z-index失效原因

1、body内有其他div的z-index比当前div的大。2、z-index没有配合position使用举例：实现全屏半黑状态加定位前：.blackground{ position: fixed; background: rgba(0,0,0,0.59); width:100%; height:100%; z...

2019-08-28 19:03:02 143

转载（转载）js onclick获取ul的li的firstChild或lastChild时点击两次才执行

2019-08-18 10:17:21 323

原创树的相关知识整理（持续更新）

基本概念结点拥有的子树数称为度，度为0时称为叶结点。树中结点的最大层次为树的深度/高度。森林是m棵互不相交的树的集合。二叉树概念：二叉树是n个结点的有限集合，或者由一个根结点和两棵互不相交的、分别称为根结点的左子树和右子树的二叉树组成特点：1、每个结点最多有两棵子树；2、左子树和右子树有顺序，次序不能任意颠倒；3、即使某结点只有一棵子树，也要区分它是左子树还是右子树；五种基本形...

2019-08-14 23:07:06 135

weixin_44988028的博客