随笔分类 - vue
摘要：配置vue-cli 的logo 标签（即： 标签图标） 1. 在入口文件index.html中加入 <link rel="shortcut icon" type="image/x-icon" href="./img/logo.png"> 2. public文件夹下添加 manifest.json文件
阅读全文
摘要：vue-router路由重复的解决方法： 在router文件夹下面的index.js中加上下面几句代码： import VueRouter from 'vue-router' const originalPush = VueRouter.prototype.push VueRouter.protot
阅读全文
摘要：描述： A页面进入B页面，B页面进入C页面， C页面返回到B页面需要缓存到之前滑动的位置，但是A页面进入B页面的时候不需要缓存B页面之前滑动的位置 在app.vue中 <keep-alive :include="keepAlive"> <router-view /> </keep-alive> co
阅读全文
摘要：原因： vue-cli-service 并没有加入到环境变量里 # 编辑根目录下的.bash_profile文件vim ~/.bash_profile # 在文件最后添加export PATH=${PATH}:./node_modules/.bin # 添加文件后,再执行source立即生效 sou
阅读全文
摘要：1. 新建一个filters.js的文件 const filterLabel = function (val, options) { let value = '' options.forEach(arg => { if (arg.value == val) value = arg.label })
阅读全文
摘要：只需要给弹窗加v-if即可解决，因为用v-if将子组件包裹起来，v-if=false时可以将子组件销毁掉，再次调用时重新渲染 <el-dialog title="" width="1200px" :visible.sync="showPreviewDialog" v-if="showPreviewD
阅读全文
摘要：最近在使用Vue的时候把三元运算符写进template部分的时候遇到了错误 代码： <div> {{ (index < 1) ? 1 : index }} </div> 其实上面这个代码是可以正常运行的，但是Eslint会报错，因为在Html代码中会校验到一个单独的<号，会被Eslint认为是Htm
阅读全文
摘要：1. 安装 npm install mockjs 2. 在src的目录下新建一个文件mock.js import Mock from 'mockjs' // 引入mockjs let data = { 'users|5': [ { 'age|1-100': 100, //100以内随机整数 'bir
阅读全文
摘要：像这样代码一堆红线，但是没有任何的报错信息，不影响功能时，这个是Vetur的插件引起的 解决方法： 1. 在VSCode中找到设置 用户 扩展 Vetur 2. 按照下边的方式，找到这个将勾选去掉 如图所示即可：
阅读全文
摘要：后端返回的数据的状态值是数值0，1，2，3，4，5；需要将其转化为相对应的文字和颜色，如图所示： HTML: <el-table-column prop="caseStatus" label="状态"> <template slot-scope="scope"> <span :class="scop
阅读全文
摘要：一. vue的优点 1. 轻量级框架：只关注视图层，是一个构建数据的试图集合，大小只有十几kb; 2. 双向数据绑定； 3. 组件化： 保留了react的优点，实现了html的封装和重用，构建单数据应用方面有优势； 4. 试图/模型/结构分离：使数据更改更为简单； 5. 虚拟DOM: dom的操作是
阅读全文
摘要：父组件： <div> <div @click="handleVisit"></div> <child ref="child" :data="data" @close="closeDialog" ></child> </div> export default { name: "partentPage"
阅读全文
摘要：今天遇到一个this.$refs[formName].validate((valid) =>{} 无效的问题 当验证通过的时候点确定按钮没有报错，也没有任何反应 代码： 当验证不通过的时候：第632行有打印false 但是当验证都通过的时候：第632行没有打印 如果是这种情况就要考虑是在做验证的时候
阅读全文
摘要：报错： 代码： 原因：vue里面不允许用特殊的标签来做自定义的标签，包括路由里面的配置，也不能使用特殊的标签名。 所以在这里的name不能使用form字段，可以换成其他的名字，如：formSubmit
阅读全文
摘要：<template> <div> <van-cell-group> <van-field v-model="value" @keyup="clearNoNum($event, 'value')" label="一位小数框" placeholder="请输入" /> <van-field v-mode
阅读全文
摘要：因为因为网络原因导致的node-modules的部分文件缺失，在npm install 时报错如下： 但此时有node-modules，启动项目会报：Error: Cannot find module 'node-sass'解决方法如下： 1. npm install -g cnpm --regis
阅读全文
摘要：当eslint 报 长度限制的警告时，可以将其设置不限制 1. 找到 tslint.json/eslint.json文件 2. 在rules中添加"max-line-length": false rules: { .... "max-line-length": false, .... }
阅读全文
