随笔分类 -  vue

vue 动态改变element ui 的css Var() 函数
摘要：在vue中由于scoped的使用 [作用:CSS样式就只能作⽤于当前的组件，通过该属性，可以使得组件之间的样式不互相污染 ] 引⽤了第三⽅组件后，需要在组件中局部修改第三⽅组件的样式，⽽⼜不想去除scoped属性造成组件之间的样式污染。此时只能通过特殊的⽅式，穿透scoped。 穿透的三种方式:　1 阅读全文
posted @ 2022-06-13 20:17 啾啾啾啾一口 阅读(1127) 评论(0) 推荐(0)
vue vuex中的数据 刷新后 数据丢失解决
摘要：app页面中 created() { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState( Object.assign( {}, this.$store.stat 阅读全文
posted @ 2020-01-07 15:02 啾啾啾啾一口 阅读(1173) 评论(2) 推荐(0)
vue 解决跨域
摘要：先上报错 以表尊重 在vue中 找到 config文件夹中的 index.js文件 配置更改如下 proxyTable: { '/api': { target: 'http://47.240.11.236:8080', //设置你调用的接口域名和端口号 别忘了加http changeOrigin: 阅读全文
posted @ 2019-11-20 15:56 啾啾啾啾一口 阅读(270) 评论(0) 推荐(0)
vue 优化小技巧 之 require.context()
摘要：1、require.context() 回忆一下 当我们引入组件时 第一步 创建一个子组件 第二步 import ... form ... 第三步 components:{..} 第四步 页面使用 <...></...> 代码实现: 目录结构:components / context / subse 阅读全文
posted @ 2019-11-20 11:31 啾啾啾啾一口 阅读(3816) 评论(1) 推荐(1)
pdf 在线预览之 pdfjs插件
摘要：这个插件不需要阅读器 也不会屏蔽签章 但是也是兼容到ie11 阅读全文
posted @ 2019-09-11 14:28 啾啾啾啾一口 阅读(651) 评论(0) 推荐(0)
pdf 在线预览之 pdfobject插件
摘要：支持到ie9 可以不用安装 如果安装 npm i pdfobject 第一步:引入pdfObject包 申明一个变量 const { PDFObject } = require("../../assets/js/pdfobject"); 组件中:写一个存放的位置 <div id="pdfConten 阅读全文
posted @ 2019-09-11 13:57 啾啾啾啾一口 阅读(6429) 评论(0) 推荐(1)
pdf 在线预览之 vue-pdf插件
摘要：vue-pdf 支持到ie11npm安装:npm install --save vue-pdf 组件template: 自己的页面中引用 效果如下 如果有电子签章 是显示不出来的 需要改动源码 注释掉type判断 效果如下 这样章就出现了~~~ 阅读全文
posted @ 2019-09-11 10:39 啾啾啾啾一口 阅读(5636) 评论(0) 推荐(0)
vue axios 请求二次封装
摘要：/** * 封装get方法 * @param url * @param data * @returns {Promise} */ export function get(url, params) { return new Promise((resolve, reject) => { axios.ge 阅读全文
posted @ 2019-07-24 15:29 啾啾啾啾一口 阅读(2248) 评论(0) 推荐(0)
vue 安装指令
摘要：vue init webpack 项目名 创建项目cd 项目名 打开项目 npm install vuex --save 安装vuex在一个模块化的打包系统中，您必须显式地通过 Vue.use() 来安装 Vuex： import Vue from 'vue' import Vuex from 'v 阅读全文
posted @ 2019-07-09 15:20 啾啾啾啾一口 阅读(1452) 评论(0) 推荐(1)
vue router基本使用
摘要：第一步:安装 cnpm install vue-router --save 路由配置基本语法 正式入代码环节~ 组件: 路由index.js: 路由的跳转 使用标签router-link 通过to绑定到上面 定义子路由 路由传递参数 1.路由中配置 获取: this.$route.params.id 阅读全文
posted @ 2019-07-08 17:08 啾啾啾啾一口 阅读(12501) 评论(0) 推荐(2)
vue 组件传值 父子组件传值，兄弟组件传值
摘要：父子组件中的传值 父向子 v-bind props <!-- 组件使用v-bind传值 --> <router :msg="msg"></router> 子组件: <p>子组件 {{msg}}</p> props: ["msg"], //props接收 props:验证 props: { // fo 阅读全文
posted @ 2019-07-08 17:07 啾啾啾啾一口 阅读(69757) 评论(7) 推荐(4)
vuex
摘要：第一步:安装指令 npm install vuex --save 在package.json中可以看到版本 在项目的src目录下新建一个目录store，在该目录下新建一个index.js文件，我们用来创建vuex实例，然后在该文件中引入vue和vuex，创建Vuex.Store实例保存到变量stor 阅读全文
posted @ 2019-07-08 12:23 啾啾啾啾一口 阅读(389) 评论(0) 推荐(1)
vue computed计算属性 watch监听
摘要：计算属性 computed:{ 变量:function(){ return 计算好的值 } } 这时候计算好的值 就付给了你的变量 在实例中可以this.使用 注意 声明的变量的data中不可以重复声明否则报错 <template> <div class="watch"> <input type=" 阅读全文
posted @ 2019-07-07 18:16 啾啾啾啾一口 阅读(12241) 评论(1) 推荐(3)
vue 学习 渲染、v-指令
摘要：vue渲染 在组件中data是一个方法里面的值要是一个对象return出去 如果是new的事例 data就是一个对象 组件例子: 1.使用 {{}} 文本插值符 vue指令 2.v-bind 改指令的意思是：“将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致”。 v 阅读全文
posted @ 2019-07-04 14:44 啾啾啾啾一口 阅读(707) 评论(0) 推荐(1)
vue 中 keep-alive 缓存数据、离开时位置
摘要：路由中: 页面中: 需要缓存的组件中: 因为是keep-alive 所以在初始化页面的时候 会走一次生命周期 当二次进入的时候就已经是缓存状态了 不会在走生命周期 于是它就有了自己的周期函数分别是 1.组件激活时调用--activated 2.组件销毁时调用--deactivated (这两个钩子在 阅读全文
posted @ 2019-07-02 18:11 啾啾啾啾一口 阅读(5310) 评论(2) 推荐(1)
父组件向子组件传值时，值已经传过来却没有触发子组件的watch监听，解决~
摘要：需求: 父组件像封装的子组件传值 (父组件属性传值，子组件props接受) 子组件接受后经过处理回显页面; 预想:子组件接受值 , 经过watch监听,在监听中处理数据,回显数据; 问题:子组件在created时已经接受了传递的值 但是却没有走监听导致无法回显 ; 传值过程: watch: 问题来了 阅读全文
posted @ 2019-06-10 17:11 啾啾啾啾一口 阅读(20927) 评论(6) 推荐(1)
vue中router跳转本页刷新
摘要：问题: 导航栏的地址发生改变但是页面却不刷新 (用vue-router路由到当前页面，页面是不进行刷新的)解决: 1.this.$router.go(0); 2.location.reload() 上两种方法 都会出现闪屏的问题 用户体验不好 3. 用一个空页面做中转，解决了闪屏的问题，可以看到导航 阅读全文
posted @ 2019-06-05 11:28 啾啾啾啾一口 阅读(47889) 评论(6) 推荐(6)