随笔分类 - Vue
摘要：前言：后台返回的数据格式有如下两种类型： 1、json格式： codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式： codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ]
阅读全文
摘要：vue2 中针对对象中的响应式数据，如果要想修改他们，只能通过监听的特性实现。不能直接赋值。 在 vue2 源码中，计算属性和 watch 的实现方式是一样的，都具有监听响应式对象或数组中的数据的功能。区别就是，计算属性具有缓存机制。 除此之外，还可以直接使用 this.$set(obj,key:S
阅读全文
摘要：如下图报错：原因就是项目太大了。 解决方案： 第一步： npm install increase-memory-limit npm install cross-env 第二步： 在package.json文件中加入如下代码 "scripts": {"fix-memory-limit": "cross
阅读全文
摘要：1、HTML <template> <div> <input type='checkbox' class='input-checkbox' v-model='checked' v-on:click='checkedAll'>全选 <template v-for='checkb in checkbox
阅读全文
摘要：暴力解决方法：App.vue中添加这段代码,刷新后重置到默认的路由 mounted(){ this.$router.push('/') }
阅读全文
摘要：要在created 里面才能打印出路由信息。 created() { console.log(this.$route) //获取当前路由元信息 console.log(this.$router.options) //获取整个路由表信息 console.log(this['$router'].opti
阅读全文
摘要：demo： <template> <div class="fluid container"> <div class="form-group form-group-lg panel panel-default"> <div class="panel-heading"> <h3 class="panel
阅读全文
摘要：因为 new Vue 构造函数执行时候vue就使用object.defineproperty的set 和get 属性进行了双向绑定，data中的数据必须事先定义好才能监听到，所以要想自定义往data中添加数据并且是响应式的 就要使用vue内部基于 object.defineproperty封装的 v
阅读全文
摘要：<template> <div class="percentloop"> <div class="circle-left"> <div ref="leftcontent"></div> </div> <div class="circle-right"> <div ref="rightcontent"
阅读全文
摘要：组件代码： <template> <el-color-picker v-model="theme" class="theme-picker" :predefine="predefineColors" popper-class="theme-picker-dropdown" > </el-color-
阅读全文
摘要：一、下载： npm install vue-quill-editor --save 二、封装成一个独立的组件： 因为有图片上传，本代码结合vant <template> <div> <!-- 图片上传组件辅助 --> <van-uploader class="avatar-uploader quil
阅读全文
摘要：<template> <div> <span ref="box" @click="updateMessage">{{ message }}</span> </div> </template> <script> export default { name: "page1", data() { retu
阅读全文
摘要：https://www.cnblogs.com/hashtang/p/11456114.html
阅读全文
摘要：在Vue3.0中创建响应式数据需要引用ref，reactive这两个方法，ref一般用来创建基本数据类型的响应式数据，reactive一般用来创建引用数据类型的响应式数据。 在模板中使用，跟之前没有区别，需要注意的是，ref属于将基本类型数据包装成应用类型，在模板中正常使用。在方法中访问的时候需要带
阅读全文
摘要：中文文档：https://www.vue-treeselect.cn/ 注意事项： 1、页面中引入了多个组件，注册时必须把它放在第一个 。components: { Treeselect,A,B,... }, 2、v-model绑定的值初始化时必须为 null。 3、normalizer 属性 用于
阅读全文
摘要：在父组件中要想调用子组件里的方法可以这么写 子组件<child ref="child" /> 点击父组件中的按钮调用子组件方法 <span @click="$refs['child '].reset()">点击</span>
阅读全文
摘要：<template> <div> <transition name="el-fade-in"> <div class="proper__model" v-if="show" @click="hideProper"></div> </transition> <transition @before-en
阅读全文
摘要：<template> <transition name="el-fade-in"> <div class="slide"> <div :class="['btn', show ? 'btn1' : '']" @click="showMenu">》</div> <div class="menus" v
阅读全文
摘要：应用场景：两个页面共用同一部分表单，常规来说 切换路由表单要清空。但是由于是共用的 所以没有效果。 这时就可以监听路由改变，执行重置方法。 watch: { '$route' (to, from) { this.onReset(); } },
阅读全文
浙公网安备 33010602011771号