随笔分类 - vue入坑记录
摘要：vue.use（plugin, arguments） 语法 》参数：plugin(Function | Object) 》用法： 如果vue安装的组件类型必须为Function或者是Object； 如果是个对象，必须提供install方法； 如果是一个函数，会被直接当作install函数执行； in
阅读全文
摘要：开始之前，先说下为什么要设置和读取环境变量 简而言之就是，通过环境变量传参，能让我们在不修改任务代码的情况下执行不同的逻辑。比如在开发环境、测试环境、生产环境的api地址、文件地址等不同，通过环境变量的不同设置不同的api地址、文件地址 关于.env 文件内容： NODE_ENV 代表是环境 有de
阅读全文
摘要：mapState 辅助函数 当一个组件需要获取多个状态的时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用 mapState 辅助函数帮助我们生成计算属性，让你少按几次键： // store.js /** vuex的核心管理对象模块:store */ import Vu
阅读全文
摘要：1、介绍 2、resetFields()与clearValidate()的区别 相同点：二者都能移除表单校验 不同点：resetFields()会对整个表单进行重置，将所有的字段重置为初始值 clearValidate() 只会移除表单校验，而且可以只对部分字段进行移除校验 3、resetField
阅读全文
摘要：在APP.vue中的style标签内加上 .el-table { th.gutter { display: table-cell !important; } }
阅读全文
摘要：vue项目在ie上的限制提示分为两种情况： 1、在ie9版本以下的版本情况： 由于ie9以下的ie版本无法识别一下es6方法，所以在vue中的js无法执行，打开网站会直接白屏，没有任何显示。 sdfds 所以代码校验浏览器的代码不能在vue中运行，可以在index.html中运行校验浏览器版本的代码
阅读全文
摘要：可以通过引入vue-meta模块，通过路由守卫监听获取到路由中meta的定义的值，再将获取到的值赋值到vuex中module模块中的state，再将模块中的值通过vue-meta模块中的metaInfo方法修改meta标签 参考：https://www.imooc.com/article/28804
阅读全文
摘要：有时候，依赖 vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让vue以正确的方式重新呈现组件呢？ 强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。 当我们需要重新渲染组件时，只需更 key 的值，Vu
阅读全文
摘要：测试提了一个bug，就是当前页面点击所在的侧边栏，页面没有刷新 <div v-for="item in navAsideList" :key="item.index"> <el-submenu v-if="item.child&&item.child.length&&item.power" :ind
阅读全文
摘要：<template> <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="120px" class="demo-dynamic"> <el-row v-for="(domain, index) in
阅读全文
摘要：vue样式穿透 ::v-deep的具体使用 更新时间：2020年06月04日 11:32:59 转载 作者：柳慕笙 这篇文章主要介绍了vue样式穿透 ::v-deep的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧 之前
阅读全文
摘要：一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue
阅读全文
摘要：在Vue单页应用中，如果在某一个具体路由的具体页面下点击刷新，那么刷新后，页面的状态信息可能就会丢失掉。这时候应该怎么处理呢？如果你也有这个疑惑，这篇文章或许能够帮助到你 一、问题 现在产品上有个需求：单页应用走到某个具体的页面，然后点击刷新后，刷新的页面要与刷新前的页面要保持一致。 这时候就需要我
阅读全文
摘要：watch的常规用法： watch:{ tempData: function (value, oldValue) { console.log(value, oldValue) } } 但是如果需要监听的数据是对象、内嵌多层的对象后，需要用到watch中的deep属性。类似于下面这种对象内嵌的对象：
阅读全文
摘要：router.beforeEach((to, from, next) => { if (to.matched.length 0) { next('/error404') } else { if (!sessionStorage.getItem('sid')&&to.path!="/login") {
阅读全文
摘要：<template> <div class="bidsInfo"> <el-table ref="singleTable" :data="noticeData" highlight-current-row style="width: 100%;margin-top:40px;"> <el-table
阅读全文
摘要：<template> <div class="m50"> <el-table border style="margin-top: 50px;" :data="originData"> <el-table-column label="题型" property="type" align="center"
阅读全文
摘要：写在前面 家园的面试项目接近尾声了，剩下一个大模块（响应式布局）和两个小功能（下拉到一定程度获取新的信息、持续监听返回数据，当有更新时在页面上方提示） 听起来下拉到某个位置获取新信息是不难，但今天就遇到了两个问题： 1. 下拉过程中会不断发起url相同的请求，可能会有被拉黑的风险，并且影响实际性能。
阅读全文
摘要：在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件都没有明显的变更来源。 这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子，在一个包含 title prop
阅读全文
摘要：vue项目中使用了vw适配方案，引入第三方ui框架mint-ui时，适配问题解决 问题分析： 一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint-ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图 解决方案 网上看到了很多种解决方案，这里推荐第
阅读全文
浙公网安备 33010602011771号