vue
文章平均质量分 60
仗剑东游的猫
QQ:2362019370
展开
-
vue 图片转base64格式的方法
vue项目中图片转换为base64格式的三种方法原创 2022-11-30 10:50:07 · 16595 阅读 · 1 评论 -
解决vue项目中出现NavigationDulicated,navigating to current location(xxxx) is not allowed的问题
这个就是路由问题, 在路由中添加的相同的路由,我们只需要重写路由就行了可以在router文件或者main.js文件里面引入vue-router,添加以下代码即可import Routers from "vue-router";const routerPush = Routers.prototype.pushRouters.prototype.push = function push(location) { return routerPush.call(this, location).ca原创 2020-06-15 09:29:36 · 967 阅读 · 6 评论 -
关于vue中引入图片问题
当你的图片文件在assets文件夹下,有以下几种用法:在标签中直接写路径<img src="../../assets/images/hhh.jpg" class="image"></img>背景图也可以直接在样式中写路径.image{ background:url('../../asstes/images/hhh.jpg') no-repeat;...原创 2020-04-03 14:01:44 · 533 阅读 · 0 评论 -
element-UI中NavMenu导航菜单默认打开问题
最近写一个网站导航栏,需求要每页打开时,默认导航栏的第一项展开,导航栏我用的是element-UI框架中的NavMenu,我看到以下两个参数,我就写上了<el-menu default-active="1" default-openeds='["1-1"]'> ....<el-menu>结果呢,确实每页导航栏的第一项都默认打开了,但是问题又出现...原创 2020-04-03 09:40:24 · 12621 阅读 · 2 评论 -
vue中watch的相关使用
基本用法使用watch监听某一变量,当变量改变时,watch内的方法就会执行下面这个name就是vue data 里面声明的变量,当name值改变时,就会执行里面的代码watch: { name(new,old) { //你要执行的代码 .... console.log(news,old) }},handler()方法如...原创 2020-04-02 14:05:44 · 263 阅读 · 0 评论 -
Vue组件的封装与调用
我以一个分页组件来分析首先,新建了一个page.vue的文件,作为子组件,按照需要将标签样式等写好,我的路径是src/components/page.vue子组件中设置props,用来接收父组件传递的值,这里我设置了两个值,一个totalCount用来接收总页数,一个input用来接收当前页码props:['totalCount','input'],父组件传递过来的totalCo...原创 2019-09-18 10:02:12 · 1006 阅读 · 0 评论 -
elementUI中loading组件的完美使用
有时候,网页数据请求太慢,在未得到数据的那一会会,时常会让心急的人怀疑是不是代码哪崩了,所以我需要一个东西来缓冲一下我等待的焦虑,在页面加载时添加一个加载动画首先安装element-ui框架npm i elemnt-ui -S在main.js中引入import ElementUI from 'element-ui'import 'element-ui/lib/theme-cha...原创 2019-09-11 09:51:12 · 16565 阅读 · 4 评论 -
vue中axios的二次封装
首先安装axiosnpm install axios --save新建一个ajax.js文件来封装axios,将封装好的代码函数暴露出去,在其他页面就可以调用了import axios from 'axios'import qs from 'qs'//序列化字符串import {MessageBox} from 'element-ui'//引入elementUI组件import...原创 2019-09-11 09:26:11 · 259 阅读 · 0 评论 -
vue中利用指令实现点击空白处隐藏div
一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新...原创 2019-07-01 09:08:32 · 1284 阅读 · 0 评论 -
Vue.set的使用
这里主要介绍了Vue.set的相关使用方法,包括设置单个变量,数组以及对象调用方法:Vue.set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值//界面显示<button @click="setChange">clickme</button> <...原创 2019-06-18 11:02:17 · 207 阅读 · 0 评论 -
如何将element-ui中的表格和分页器连接起来
直接看代码吧<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" borderstyle="width:100%" >......</el-table><el-pagination small layout="total,prev,page...原创 2019-06-25 14:50:40 · 2417 阅读 · 5 评论 -
element ui 的table响应式实现列隐藏
本文主要介绍的是element ui框架中的table表格中,响应式的实现列的隐藏效果。列的隐藏可以用v-if来实现,v-show没有效果,我也不知道为什么,搜也没搜到。首先设置变量show,作为v-if的判断条件;变量screenWidth作为屏幕宽度screenWidth:window.innerWidth,//浏览器宽度show:true//判断条件在mounted钩子中挂载...原创 2019-06-21 15:57:43 · 4051 阅读 · 1 评论 -
关于router.push的使用
vue中组件跳转,看到有router.push这个功能,在代码里我是这么写的export default {...... toDetail (index, row, event) { this.$router.push({name: '/detail', params: { name: row['name']...转载 2019-06-19 16:36:37 · 2809 阅读 · 0 评论 -
vue router-link详解
版权声明: https://blog.csdn.net/...转载 2019-06-19 16:30:45 · 719 阅读 · 0 评论