Vue
xuefine
这个作者很懒,什么都没留下…
展开
-
error Component name “Login“ should always be multi-word vue/multi-word-component-names
我们可以通过在vue.config.js文件中添加: lintOnSave: false 即可。原创 2022-12-30 15:37:02 · 912 阅读 · 1 评论 -
vue3 里面添加router
1.安装,vue3.0默认没有vue-router 需要下载4.0版本。2.在src文件下新建一个router文件夹,然后在这下面新建一个index.js文件。3.在main.js中进行配置。4.在app.vue里面添加路由组件原创 2022-12-22 17:03:23 · 790 阅读 · 0 评论 -
vue跳转页面不刷新的问题
问题:跳转页面的时候,如果是之前打开过的页面,就会保持着上次跳转的状态不更新原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直接调用缓存而不会调用created(),mounted()函数。解决方法:第一种:在watch中监听路由变化//监听函数watch: { '$route' () { this.initData();//我的初始化方法 } },对router进行监控,当ro原创 2022-03-24 16:30:28 · 6922 阅读 · 3 评论 -
el-upload手动上传图片并限制图片数量、大小和格式
template部分: <!-- 修改弹窗 --> <el-dialog :title="dialogTxt" @close="closeDialog" :visible.sync="alertBox"> <el-form ref="addForm" :rules="rules" :model="addForm" size="medium" label-width="100px"> <el-row> <el原创 2022-03-24 11:17:04 · 1963 阅读 · 0 评论 -
Vue实现路由跳转的几种方式
1.this. $router.push( )跳转到指定的URL,在history栈中添加一个记录,点击后退会返回上一个页面。1. 不带参数 // 字符串 this.$router.push('/home') this.$router.push('/home/first') // 对象 this.$router.push({path:'/home'}) this.$router.push({ path: '/home/first' }) //原创 2022-03-23 17:13:55 · 5773 阅读 · 1 评论 -
控制li 默认第一个是点击样式,点击其它li 又变回普通样式
实现:第一个li我默认它是被点击后的样式,当我点击另一个的li后,点击的那个li为点击后的样式,第一个li和其它未被点击的li一样为普通的样式。Vue1.遍历出来, 在click中赋值 遍历出来的mx。2.class进行决定是否显示,一点击就把对应的mx赋到activeName中3.此时activeName就和mx一模一样的文本,然后返回一个true能显示当前的了4.让第一个默认选中。就是把activeName放一个数值就行了<template> <div id原创 2022-02-08 13:41:49 · 2136 阅读 · 0 评论 -
VUE实现选中后变色并且效果不消失
开始用的css伪类li:active,发现点击之后确实会变色;但是只有鼠标点下去那一瞬间会变色,当鼠标点完之后,效果就消失了。发现只用css还是不行实现代码<div class="topic-list-box-top"> <ul class="tag-list"> <li v-for="(item,index) in topicClass" :key="index" :class="selectedIndex == index ? 'activ原创 2022-01-19 11:22:55 · 2283 阅读 · 0 评论 -
element-ui中的table分页勾选
vue中使用el-table,常需要记住上一页所勾选的数据,实现步骤 1、在el-table中添加:row-key="getRowKeys" <el-table ref="form" :model="form" :row-key="getRowKeys" @selection-change="xz" ........ 2、在第一列,即有多选框的一列,添加:reserve-selection="true" <el-原创 2021-12-14 16:18:13 · 2289 阅读 · 0 评论