vue
TUTsmile
2020届毕业生,博客作为个人的学习笔记,希望能够给各位提供参考价值,若不明白可以评论或私信,第一时间回复、修改博客
展开
-
vue如何使用iconfont(svg图标)
文章目录1. 下载图标3.代码 使用方式(js文件)此处说明一下,若想要知道svg的进阶用法,可参考这篇文章HTML5如何使用svg1. 下载图标点击链接 阿里巴巴的iconfont矢量图标库 进入阿里官网点击图标库从图标库中,选中你想要的图标加入购物车点击右上角的购物车,根据个人使用需求,点击下载素材 或下载代码,,这两种方法对应的使用方法不同,后面会分为两个模块讲解#...原创 2020-02-13 18:07:34 · 3322 阅读 · 0 评论 -
前端踩坑(五)(vue) element-ui 的表单重置,输入转大写/小写时 toUpperCase()、toLowerCase() undefined
表单重置表单重置的写法可以直接参考https://element.eleme.cn/#/zh-CN/component/form。需要注意的点是<el-from>需要:model,ref,如<el-from :model="searchInfo" ref="searchInfoForm"><el-from-item>需要prop如<el-fr...原创 2019-11-29 11:09:40 · 3715 阅读 · 0 评论 -
前端踩坑(四)(vue)报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"
// 解决Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"的报错const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalP...原创 2019-11-11 23:50:03 · 710 阅读 · 1 评论 -
前端入门学习笔记(三十三)vue.js入门(一)vue环境配置、运行别人的vue项目
今年七月份进公司实习,公司前端采用的是vue+elementUI,边学边做,现在应该算是基本入门了,这周末总算是有时间整理一下最近所学的东西。最大的感受就是如果不先学习再做,每个功能都靠百度,或者看别人的源码来尝试理解框架,不但上手慢,而且对于个人的压力也是十分大的,我有将近半个月的时间就是这样被浪费掉的,所以如果搜索到这篇笔记的同学有可能的话,还是先学习基本知识,再尝试做项目此vue入门笔记...原创 2019-08-18 15:58:40 · 322 阅读 · 0 评论 -
前端入门学习笔记(三十四)vue.js入门(二)vue helloworld
0.vue项目式hello world大致可以按照以下步骤安装node.js,之后就可以在命令行中使用npm命令npm install vue, 安装vuenpm install vue-cli -g , 全局安装vue-cilnpm install webpack -g,全局安装webpack如果速度比较慢的话,可以使用命令npm config set registry https...原创 2019-08-18 21:48:21 · 158 阅读 · 0 评论 -
前端入门学习笔记(三十五)vue.js入门(三)条件 v-if 与循环 v-for,v-for 中 in 和 of 的区别
1.v-ifv-if相当好理解,这里我就只贴实例代码了<div id="app"> <p v-if="true">现在你看到我了</p> <p v-if="false">现在你看不到我了</p> <p v-if="seen">现在看得到,因为seen为true</p></div>&...原创 2019-08-18 23:30:28 · 8008 阅读 · 1 评论 -
前端入门学习笔记(三十六)vue.js入门(四)v-on,v-bind,v-model,
1.v-onon就是可以理解为监听的意思,可缩写为@比如说我们可以监听click事件,当点击事件发生的时候,出发对应的方法 <div id="app"> <button v-on:click="handelBtn">show alter</button> </div> <script> ...原创 2019-08-19 00:08:33 · 229 阅读 · 0 评论 -
前端踩坑(一)(vue)使用select (el-select)遇到的 TypeError: Cannot read property 'indexOf' of undefined
我遇到此次问题的解决方法:初始化对象的时候赋值为[],或者不要进行对象初始化el-select 代码如下 <el-select v-model="warnInfo.warnMethods" multiple clearable c...原创 2019-09-24 15:08:55 · 10645 阅读 · 0 评论 -
前端踩坑(三)(vue)修改样式无效
<style scoped>/* 使得宽度可以自适应 */.passenger-search-form >>> .el-form-item { width: 100% !important;}.passenger-search-form >>> .el-form-item__label { width: 35% !important...原创 2019-09-29 09:17:49 · 2672 阅读 · 0 评论