
vue
至少零下七度
冷面好吃
展开
-
vue vant实现上传图片
<template> <div id="root"> <van-uploader v-model="fileList" :before-read="beforeRead" :after-read="afterRead" :max-size="isOverSize" :max-count="6"原创 2021-07-26 11:47:37 · 894 阅读 · 0 评论 -
echarts引入报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
将import改为require的引入方式import echarts from 'echarts'var echarts = require('echarts')原创 2021-07-22 15:40:00 · 654 阅读 · 0 评论 -
vue 实现移动端年周时间选择
vue 实现移动端年周时间选择使用组件样式实现代码实现使用组件添加链接描述样式实现代码实现<template> <div id="root"> <van-nav-bar left-arrow @click-left="returnHandle()"> <template #title> <span class="nav-title">统计分析</原创 2021-07-22 11:02:40 · 1716 阅读 · 0 评论 -
css实现倒三角
.delete::before{ content: ''; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid pink; }原创 2021-07-19 17:09:15 · 282 阅读 · 0 评论 -
css 实现边框四个角效果
<div class="bottom"> <!-- 四个角的边框效果 --> <div class="border_corner border_corner_left_top"></div> <div class="border_corner border_corner_right_top"></div> <div class="border_corner border_corner_left_bottom">原创 2021-07-08 16:02:02 · 2727 阅读 · 0 评论 -
vue 实现数据屏滚动
1.安装vue-seamless-scrollnpm install vue-seamless-scroll --save 2.引入组件<vue-seamless-scroll></vue-seamless-scroll> import vueSeamlessScroll from 'vue-seamless-scroll' components: { vueSeamlessScroll}, 3.配置参数// 监听属性 co原创 2021-07-08 15:53:38 · 912 阅读 · 0 评论 -
vue 实现点击复制文本
1.下载clipboard.jsnpm install clipboard --save2.引入插件//main.js中全局引入import clipboard from 'clipboard';Vue.prototype.Clipboard = clipboard3.应用代码 <a @click="copy" :data-clipboard-text="record.wenjuanLink" id="express_info_right">复制链接</a> &l原创 2021-05-24 14:33:43 · 429 阅读 · 1 评论 -
vue项目中实现遮罩层
<template> <div id="app"> <div id="mask" ref="mask" @click="mask()"> <img src="..." class="mask_img"> </div> </div> </template>mounted() { this.$refs.mask.style.height = window.document.get原创 2021-05-15 11:57:04 · 11701 阅读 · 1 评论 -
echarts Cannot read property ‘init‘ of undefined“
下载下面这个版本可解决cnpm install echarts@4.8.0 --save原创 2021-05-06 16:46:00 · 478 阅读 · 0 评论 -
vue项目使用Echarts
cnpm install echarts -S**main.js全局引入**import echarts from 'echarts'Vue.prototype.$echarts = echarts再需要echarts图表的页面使用<div id="myChart" :style="{width: '300px', height: '300px'}"></div> mounted() { this.drawLine() },methods: {原创 2021-05-06 16:44:30 · 114 阅读 · 0 评论 -
element ui Tabs 居中
一设置stretch<el-tabs v-model="activeName" @tab-click="handleClick" stretch> <el-tab-pane label="学院管理" name="first"></el-tab-pane></el-tabs>二::v-deep .el-tabs__nav-scroll{ width: 50%!important; margin: 0 auto!important;}.原创 2021-04-22 18:52:41 · 9831 阅读 · 3 评论 -
vue 本地背景图片铺满整个屏幕
.home{ width: 100%; height: 100vh; background: url("XXX") center center no-repeat; background-size: 100% 100%;}原创 2021-04-21 14:48:29 · 2229 阅读 · 0 评论 -
解决vue路由跳转页面不刷新
占位符绑定key值原创 2021-03-15 17:18:51 · 378 阅读 · 0 评论 -
TypeError: Cannot read property ‘__ob__‘ of undefined
出现这个问题是因为.vue文件里面export default {}写了data(){}却没写return{}export default { data(){}}原创 2020-10-20 09:54:15 · 150 阅读 · 0 评论 -
vue项目运行报错
先删除node,然后用cnpm i基本就能解决npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm i原创 2020-07-31 14:53:59 · 481 阅读 · 0 评论 -
vue 父组件给子组件传值及父组件触发子组件事件
父组件<template> <div> <!-- 顶部导航 --> <topNav title="XXX" @click="goBack" ref="child" ></topNav> </div> </template> <script>import topNav from '../../components/topNavbar'ex原创 2020-07-29 16:22:53 · 1045 阅读 · 0 评论 -
vue 项目 跨域 前端vue.config.js配置反向代理
module.exports = { devServer: { open: true, proxy: { // detail: https://cli.vuejs.org/config/#devserver-proxy '/api': { target: `http://playball.boyunke.com/`, changeOrigin: true, pathRewrite: { '^/ap原创 2020-07-23 15:28:05 · 1834 阅读 · 0 评论 -
vue 脚手架4.0 打包 静态资源路径加载不出来vue.config.js配置
module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '' : '/', // 公共路径 indexPath: 'index.html', // 相对于打包路径index.html的路径 outputDir: process.env.outputDir || 'dist', // 'dist', 生产环境构建文件的目录 assetsDir: 'static', // 相对于outputDi原创 2020-07-23 15:21:13 · 1526 阅读 · 0 评论 -
vue 项目 运行 报错Module build failed (from ./node_modules/babel-loader/lib/index.js)
vue 项目 运行 报错Module build failed (from ./node_modules/babel-loader/lib/index.js)把node_modules 删除之后,输入以下命令(一定这个顺序):1. npm install vue-template-compiler -D2. npm install3. npm run dev转载原链接原创 2020-07-23 15:10:23 · 5461 阅读 · 0 评论 -
vue+elementui table表格点击单元格单元格改变背景色
<el-table :data="tableData" border @cell-click="cellclick" :cell-style="tableCellStyle"></el-table>data(){ row:'', column:''}cellclick (row, column, cell, event) {...原创 2020-04-30 09:31:20 · 6858 阅读 · 14 评论 -
vue + element ui table表格多选改单选
<el-table ref="multipleTable" :data="LogisticstableData" :header-cell-style="{background:'#eef1f6',color:'#909399'}" border style="width: 100%" fixed @select="select...原创 2020-04-28 17:08:01 · 3143 阅读 · 1 评论 -
vue+elementui el-radio 页面不显示lable绑定值
<div class="bottom"> <el-radio v-model="commissionRadio" :label="item.commissionId">(单击选择当前佣金模板)</el-radio></div>原创 2020-04-28 16:19:03 · 4306 阅读 · 0 评论