随笔分类 - vue
1
摘要：var blob = new Blob([res.data], { type: "application/octet-stream;charset=UTF-8" }); let elink = document.createElement("a"); elink.download = ' 文件名称'
阅读全文
摘要：vue项目不兼容低版本42.0的火狐，本地运行项目根本不出页面，打包部署也不出页面 vue项目在42.0版本的火狐上是没办法联调的， 但是可以通过以下操作后，在打包部署到服务器上，运行出页面（因项目需要，只在42.0版本试过，其他版本不知道行不行） 1、npm安装插件 babel-polyfill
阅读全文
摘要：未懒加载的路由 import Rou from '@/views/rou.vue' const router = new VueRouter({ routes: [ { path: '/rou', component: Rou } ] }) 懒加载 方案一： const Rou = () => im
阅读全文
摘要：在router中加入 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location
阅读全文
摘要：报错的原因是项目缺少 vue-resource 文件 解决： npm 引入文件 main.js 重新运行项目，问题解决
阅读全文
摘要：父组件引用的子组件上添加 v-if 判断 <el-date-picker v-if=“type” // 父组件引用的子组件上添加v-if判断 :clearable="false" @change="changeDate()" value-format="yyyy-MM-dd" v-model="st
阅读全文
摘要：介绍： 现在我们要满足的项目需求是根据登录用户角色的不同，tabBar的数量和内容显示不同，如下图 用户角色为管理员时： 用户角色为普通用户时： 登录用户的角色不同，因为权限不同所以tabBar的内容和数量也不同，而uniapp中tabBar本身的配置 uni.setTabBarItem(OBJEC
阅读全文
摘要：watch监听data中的普通变量： watch监听对象时： watch监听对象中的某属性时： watch监听数组时：
阅读全文
摘要：今天运行项目时突然发现 npm run serve 后报以下错误 修改main.js文件中 ol 的引入方式 原来的引入 修改后 重新运行后无报错
阅读全文
摘要：重置表单内容this.$refs['表单名称'].resetFields()点击取消或确定按钮后， 关闭弹窗，重置表单userPwd表单
阅读全文
摘要：当设置表单项为必填时，左侧会出现一个红色小星星 因为该表单所有项都是必填的，所以我不想让这个红色星星出现 根据element-ui官网，给el-form表单加上hide-requied-aterisk，值为布尔值 页面立刻修改成功
阅读全文
摘要：原来一直不能够理解插槽的作用，最近看了一篇文章，对插槽的分类及作用都有详解 原文章地址：https://www.cnblogs.com/mandy-dyf/p/11528505.html 插槽就是子组件为父组件提供的一个可以在子组件内输入任意代码的空div，父组件在引入子组件后，可以使用这个子组件提
阅读全文
摘要：给input加一个新属性validate-event就可以了<el-input :validate-event="false"> 在输入信息时不会报错，点击登录按钮后再进行表单整体校验
阅读全文
摘要：安装 postcss-px-to-viewport npm install postcss-px-to-viewport -save 配置 package.json文件 "postcss": { "plugins": { "autoprefixer": {}, "postcss-px-to-view
阅读全文
摘要：首先在data中定义要监听的属性，因为watch侦听器监听的是data中的属性,不能直接监听window export default { data () { return { creenWidth: document.body.clientWidth, } } } 在mouted当中调用windo
阅读全文
摘要：<el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name"
阅读全文
摘要：今天写页面是需要一个功能，列表全部显示图片，鼠标悬浮后显示文字，未悬浮的显示图片，始终有一项显示为文字 当鼠标悬浮至其他项时，如果不对其他项进行鼠标悬浮操作，鼠标移开后，该项依旧显示文字 <div v-for="(item, index) in itemList"> <label>{{ item.n
阅读全文
摘要：话不多说，直接上代码 下载viedo.js及相关插件 cnpm install video.js --save ccnp install videojs-contrib-hls --save main.js import Video from 'video.js' import hls from '
阅读全文
摘要：前几天写一个项目，临时需要打包出一个html文件，用 npm run build 命令打包以后发现index.html打开以后页面是空白的，出现这样的报错： 报这个错的原因其实是生成的index.html文件中引入的文件路径出现问题，需要修改 publicPath 我就去找config文件下的ind
阅读全文
摘要：vue中的 v-if 和 v-show 二者都可以动态的控制元素的隐藏和显示，但是他们控制的原理是不同的 v-if v-if 控制元素显示或隐藏是把dom元素整个的渲染或者删除，如果删除，也就是页面中不存在这个dom元素，以此达到隐藏的效果； 所以v-if在每次切换的时候都会重新创建或者销毁元素，有
阅读全文
1
浙公网安备 33010602011771号