随笔分类 -  vue技术

vue技术
vue 前端ES6 require动态引入图片报错Error: Cannot find module
摘要：在Vue中，Image组件的source如果使用require方式引入图片资源，则必须使用静态的字符串，不能使用变量，因为require是编译时执行的，而非运行时执行！ 于是Vue为Image组件的source提供了另外一种使用变量的方式source={{ uri: item.picture }}， 阅读全文
posted @ 2021-01-14 11:30 大空白纸 阅读(7316) 评论(3) 推荐(2) 编辑
Vue-cli3如何添加路由（router）
摘要：之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router，但是现在Vue-cli3新建项目后却少了很多东西，我们需要自己来安装使用路由。具体方案如下： 安装路由 npm install vue-router 创建router.js与mian.js同级 router.js中的内容为 阅读全文
posted @ 2021-01-06 16:58 大空白纸 阅读(8656) 评论(0) 推荐(2) 编辑
vue 淡入淡出组件
摘要：vue.js中在不使用jQuery的情况下，如何实现淡入淡出的组件（用于显示http请求成功或者失败的消息提示）？目前使用的是vue的transition动画。 <template> <div> <button v-on:click="Show">点击动画</button> <transition- 阅读全文
posted @ 2020-08-09 19:57 大空白纸 阅读(3541) 评论(1) 推荐(0) 编辑
vue 父子组件通讯案例
摘要：1、父组件： <template> <el-button @click="showDialog">显示</el-button> <div> <EquipmentDialog :title="title" :dialogVisible="dialogVisible" @close="close"></ 阅读全文
posted @ 2020-08-05 15:26 大空白纸 阅读(184) 评论(0) 推荐(0) 编辑
Vue 生产环境解决跨域问题
摘要：一.前言 第一次写vue项目，开发完成。打包上线后，一访问，发现访问后端的请求全部报404.我就纳闷了，跨域问题我已经解决了，怎么就报错了。 查阅资料，得知我解决的跨域仅适用于开发环境。 二、最简单直接方法：在main.js 中加入如下代码： import axios from 'axios' Vu 阅读全文
posted @ 2020-08-05 13:47 大空白纸 阅读(1254) 评论(0) 推荐(0) 编辑
npm run ERR! code ELIFECYCLE
摘要：vue npm 出现如下错误： 解决方法： #（1）第一步 npm cache clear --force #（2）第二步 删除node_modules文件夹 linux上：rm -rf node_modules window上: 直接手动删除 #（3）如果有package-lock.json文件就 阅读全文
posted @ 2020-08-02 17:08 大空白纸 阅读(537) 评论(0) 推荐(0) 编辑
webpack安装vue-router 、elementUI、sass-loader 、node-sass四个插件
摘要： 阅读全文
posted @ 2020-07-12 13:06 大空白纸 阅读(337) 评论(0) 推荐(0) 编辑