随笔分类 - 前端知识
摘要：<template> <div> <el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px"> <nav-left /> </el-aside> <el-main> <AddDialog :f
阅读全文
摘要：<template> <el-form ref="form" label-width="100px" :model="model" v-if="model" :rules="rules"> <el-row v-for="(item,index) in formModel" :key="index">
阅读全文
摘要：直接使用 async settimeout去模拟后台返回或者休眠是不支持的，这时候可以使用promise来完成我们的要求。代码如下： async getInfo(fn) { let ret = await this.getData(() => { this.info = { name: "张三",
阅读全文
摘要：我要根据状态判断表格显示input还是label，用了它的autofocus对于这样的来回切换，只有第一次点击有效，后面就不行了，所以改用v-focus自定义指令，问题解决 <div v-if=" 显示输入框 " > <!-- 选中的是当前的格子并且是input类型和可编辑的状态并且是未删除就显示i
阅读全文
摘要：//request拦截 service.interceptors.request.use( request => { let { current } = router.history; if ( store.getters["userStore/getToken"] && current.name
阅读全文
摘要：参考： https://www.jb51.net/article/137956.htm 在vue 里面可以定义一个变量 time 大约如下写法： getclick() { if (this.time) { clearTimeout(this.time); } this.time = setTimeo
阅读全文
摘要：indexPath:'../publish1',//指定index。html的打包生成路径 assetsDir:'../publish',//指定你的css/js/img/fonts等静态资源文件夹的打包生成路径
阅读全文
摘要：我定义一个user的module import Vue from "vue"; import Vuex from "vuex"; import userStore from "./modules/userStore"; Vue.use(Vuex); const debug = process.env
阅读全文
摘要：使用map的简洁写法好像没试出来怎么用，但是常规写法如下： vuex： import Vue from "vue"; import Vuex from "vuex"; import userStore from "./modules/userStore"; Vue.use(Vuex); export
阅读全文
摘要：module.exports = { devServer: { //开发环境下设置为编译好以后直接打开浏览器浏览 open: true }, configureWebpack: config => { //调试JS config.devtool = "source-map"; }, css: { /
阅读全文
摘要：以element ui的导航组件为例： 根据router获取当前的url进行判断设置自己的自定义active样式处理，如果有更好的办法，欢迎指出 <template> <el-menu background-color="#545c64" text-color="#fff" > <el-menu-i
阅读全文
摘要：直接在子组件使用v-model=“props传递的父属性”是会爆出警告的，也不符合vue 的设计思想，所以可以如下写法： 父组件： <template> <div> <Test1 :curVal="val" @change-val="setVal"/> </div> </template> <scr
阅读全文
摘要：function GetRandomNum(Min, Max) { var Range = Max - Min; var Rand = Math.random(); return Min + Math.round(Rand * Range); }
阅读全文
摘要：点击同一个路由的时候就会报这个错，解决办法本人亲测有效两种： 第一种 this.$router.push('/home',onAbort => { }) 通过加回调函数规避 但是路由多的时候显然是太麻烦。 第二种 const originalPush = VueRouter.prototype.pu
阅读全文
摘要：今天写程序的时候点击路由突然报这个警告，看了一下原来是新建了页面然后还什么都没写就会这样，记录一下以作总结经验
阅读全文
摘要：{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ {
阅读全文
摘要：以当前元素id=“test”为例 子节点： docouemt.getElementsById('test'): children[0] 这是个数组，取哪一个的话要看一下，固定的HTML结构更好 childNodes：返回父元素所有的直系子节点的集合，注意，与children不同的是，childNod
阅读全文
摘要：需要在.npmrc中配配置一些参数: chromedriver_cdnurl=http://maven.dahuatech.com/repository/npm-group/chromedriversass_binary_site=http://maven.dahuatech.com/reposit
阅读全文
摘要：有需要的可以看下，作为参考，接下来会陆续放上基于vue-cli3+nuxtjs的demo 地址：https://github.com/luochenLing/vue-ssr
阅读全文
摘要：这个地方需要加一个配置，问题就解决了 根据错误翻译的意思: 服务器端包应该有一个条目文件。避免在服务器配置中使用CommonsChunkPlugin。 猜测可能是因为vue-cli3配置了webpack4 里面的分包功能，所以，再弄得 环境下给他禁止掉就好了
阅读全文
浙公网安备 33010602011771号