随笔分类 - vue
摘要：在vue项目过程中， 遇到table切换分页，数据已修改但页面没有渲染的情况。 是因为数据层次太多，没有触发render函数进行自动更新。 需要减少嵌套层级。 九代码： render: function(h, data) { if (data.row.uploadStatus 0 && (_this
阅读全文
摘要：报错上图所示， Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed p
阅读全文
摘要：解决办法，需给el-dialog 加上 append-to-body 代码如下： <el-dialog title="提示" append-to-body style="z-index:3000" :visible.sync="infoDialog" width="30%" :before-clos
阅读全文
摘要：如上图，报错 Error in nextTick: "Error: Initialize failed: invalid dom." dom未挂载完成，图表已经开始初始化了。 解决办法： 根据id获取图表信息换成，nextTick(() => ()
阅读全文
摘要：需实现功能： 1.多层循环 2.每层循环包含（或不包含）tab 切换 3.tab切换，每层循环是独立的。 如图所示： html部分 <div class="box" v-for="(items,index) in list" :key="index"> <div class="box-top"> <
阅读全文
摘要：首先需要进入html2canvas.js 原来是生成海报的，改了改，改成生成验证码的了 仅供参考 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/public.js"></script> <link rel="
阅读全文
摘要：vue 监听图片加载完成事件 <img @load="loadImg" id="redux" class="wei-redux" src="img/gua.png" /> @load="loadImg" loadImg方法里面就是图片加载完成后需要执行的 loadImg(){ //图片加载完成后需要
阅读全文
摘要：1 imageUrlToBase64(img) { //头像转Base64解决跨域问题 2 var image = new Image(); 3 image.setAttribute('crossOrigin', 'anonymous'); 4 var imageUrl = img; 5 image
阅读全文
摘要：<ul class="q-main-u"> <li v-for="(subitem,subindex) in quectionList" ref="list" :key="subindex"> <span>{{subitem.text}}</span> </li> </ul> 以上，是for循环渲染
阅读全文
摘要：html部分 <div class="form-code"> <input type="number" v-model="codeVer" placeholder="请输入验证码" /> <button type="button" @click="getCode()" :class="{on:sho
阅读全文
摘要：var multiAnswer = this.multiAnswer; //this.multiAnswer为一个数组 var answer = this.answer; //this.answer为一个数组 for(var i=0;i<multiAnswer.length;i++){ if(mul
阅读全文
摘要：最近做项目，遇到一个问题，需要根据是否在数组里，判断是否渲染出来 这是一个多选的实现 // multiSelect == 1 为多选 <ul class="q-main-t" v-if="item.multiSelect == 1"> <li v-for="(subitem,subindex) in
阅读全文
摘要：最近发现一个问题 $emit的方法，在父组件中不触发，代码是这样写的， 标红的这行这个方法不执行 Vue.component('component_tan_checke', { props: ['public_checke'], template: '<div class="dialog" v-sh
阅读全文
摘要：在安装vue-awesome-swiper时报错swiper/dist/css/swiper.min.css找不到，如下如： 有的回答安装6.0版本的话需要引入另外一个css import 'swiper/swiper-bundle.css' 但是，我替换完css 之后又一个问题出现了，vue-aw
阅读全文
摘要：简单直接上代码： <button type="button" class="btn" v-for="(item,index) in info.coupon_list" :id="item.id" @click="choise(item.id)" :class="item.selected==0?'f
阅读全文
