VUE
as_64
这个作者很懒,什么都没留下…
展开
-
Vue上传图片并预览
1.input用来接收图片,img用来显示图片,让input变成透明并置于img上 <input class="input_image left" type="file" @change="uploadImage($event)" accept="image/*" /> <img class="show_input_image left" :src="imgSrc" />css代码.show_input_image { position: absol原创 2022-04-12 17:48:42 · 5037 阅读 · 0 评论 -
Vue修改Muse-UI中的默认ICON
1.配置好iconfont2.找到对应组件下的js文件,如toast组件下的js文件为:muse-ui-toast.esm.js3.修改config中的参数var config = {position: ‘bottom’,time: 20000,closeIcon: ‘:iconfont icon-zhuye’,close: true,successIcon: ‘check_circle’,infoIcon: ‘info’,warningIcon: ‘priority_high’,er原创 2022-04-12 09:34:43 · 821 阅读 · 0 评论 -
vue axios使用
vue下axios的使用方法,ajax和axios的请求参数区别原创 2022-02-20 16:07:31 · 660 阅读 · 0 评论 -
Vue-cli项目上传至GitHub
由于用脚手架创建的项目自带git文件,所以就不需要在将远程仓库先拉到本地再上传,可以直接在vue项目中进行上传,打开git bash1.初始化仓库git init2.将项目暂存到本地仓库中git add .git commit -m "描述信息"4.添加远程仓库路径git remote add origin https://gitee.com/xxxxxxx5.push提交git push -u origin master如果报错Updates were reject原创 2022-02-11 11:25:59 · 595 阅读 · 0 评论 -
Vue muse-ui icon失效,替换成自己的icon
如使用底部导航组件时,icon将会失效变成字母<mu-bottom-nav> <mu-bottom-nav-item title="Recents" icon="restore"></mu-bottom-nav-item> </mu-bottom-nav>要替换成自己icon,这里的icon我使用的是iconfont<mu-bottom-nav> <mu-bottom-nav-item title="Recents"原创 2022-02-09 19:29:36 · 463 阅读 · 0 评论 -
Vue 过渡动画
1.在元素外层套上transition标签<div class="head"> <transition name="sun_move" appear> <img src="../assets/image/img_sun.png" /> </transition></div>2.css样式<style>/*元素出现时 进行的动画*/.sun_move-enter-active {原创 2022-02-09 19:26:17 · 276 阅读 · 0 评论 -
Vue 使用iconfont
1.找到要使用的图标,然后添加入库2.点击右上角的购物车,添加至项目(若没有则新建一个)3.在个人中心找到我的项目,选择fontclass,点击生成代码4.复制代码到Vue项目的css文件中,并在main.js中声明5.使用示例如下,将class加上你要使用的图标名,其中iconfont是必加的,icon-zhuzhuangtu是图标名 <i class="iconfont icon-zhuzhuangtu"></i>...原创 2022-02-08 20:39:14 · 541 阅读 · 0 评论 -
Vue改变UI组件库的原样式
1.在要改变的组件外面套一层外壳,如 <div id="InspectionReport"> <mu-button class="submit_button"> 提交 </mu-button> </div>css可以这样写#InspectionReport .mu-button { margin: 10px 0 0 38%;}//若还是不可以的话,可以加上!important,注意要取消style的scope原创 2022-02-08 20:32:27 · 227 阅读 · 0 评论 -
Vue “=“ 赋值
如果使用"="进行赋值,会让两个变量的地址都指向同一个data:{ list1:[1,2,3] list2:[]}this.list2=this.list1this.list2=[4,5,6]//这种赋值方法会使list2改变的同时让list1也会改变//若只想简单赋值可以使用this.list2=JSON.parse(JSON.stringify(this.list1));...原创 2022-02-08 20:19:20 · 395 阅读 · 0 评论 -
Vue局部引入Js文件
1.在assest文件中存放js文件2.在要使用的组件中 import,注意项目的路径关系```import "../assets/BimfaceSDKLoader@latest-release.js"```原创 2022-01-29 23:43:18 · 1913 阅读 · 0 评论 -
Vue 在index.html引入外部js报错
**问题:**在index.html中引入```<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>```但是在组件中使用时,出现 xxx is not defined ( no-undef )是Eslint检查搞得鬼**解决办法:**在src下新建一个.eslintrc.js,但是注意若已经在vue.config.js中配置了`lintOnSave:false`.原创 2022-01-29 23:17:14 · 2997 阅读 · 0 评论 -
Vue 关闭Eslint
# 1.关闭Eslint1.在src中创建vue.config.js 加入以下代码```module.exports = { lintOnSave:false //关闭eslint检查 }```若还是存在Eslint检查,则可能是VsCode安装的插件中存在Eslint检查具体操作如下打开设置搜索Eslint将方框内的勾取消即可...原创 2022-01-29 22:24:02 · 1000 阅读 · 0 评论 -
Cannot read property ‘prefix_exceptions‘ of undefined at Array.map (<anonymo)
升级脚手架先卸载原来的脚手架npm uninstall vue-cli -g下载最新脚手架npm i @vue/cli -g原创 2021-05-10 14:43:02 · 214 阅读 · 0 评论