logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React+ React hook +Ts深度学习技术栈

react17版本技术栈React Hook 技术栈typeScript4技术栈–其他

#javascript#vue.js#html5
Vue_localStorage本地存储

html 的localStroage 可以将用户输入的信息存储在本地浏览器中在控制台输入:window 可以看到window对象的属性和方法//设置localStroage值localStorage.setItem('username','zhangsan');//获取localStroage值localStorage.getItem('username');==>zhang

element UI 、iview等插件修改样式不污染全局环境

第三方UI插件可以帮我们大大提高开发效率,尤其是组件绑定了很多事件,方便我们使用。但是样式可能会不适合,所以就需要做出修改修改第三方插件首先要去掉scoped,否则修改样式不生效,但是会出现一个问题,去掉scoped就代表该样式是全局的,修改的插件样式会影响全局,怎么办呢,我们在插件样式的外面定义一个父盒子包裹一下就可以啦,既能修改样式,又不会污染全局环境。例如:.loginf...

Vue_非父子组件间的传值(Vuex和发布订阅模式)

我们知道父子组件之间的传值,父向子用props传值,子向父用自定义事件传值,那么肥父子组件的传值如何实现?比如说1和3 ,3和3之间?通常来说,非父子组件的传值方法有两种。一是用Vue的数据层框架vuex,二是使用总线机制(发布订阅模式、Bus、观察者模式)来解决非父子组件传值的问题。Vue.prototype.bus = new Vue();创建Vue实例的时候,每一个组件都...

vue对象的深层复制

在项目的开发过程中,我发现使用this.$set(对象,key, value) 也没有修改子组件对象的值,后面才发现vue对象存在深层复制的问题。遇到这种情况怎么办?在子组件中监听父组件传递的对象的变化,深层复制props: {// 必传的四个参数,列的数据,表格数据,搜索数据,总数setTableTotalData: {type: Object,...

Vue_实战_安装less

首先,说明一点,如果是使用npm init webpack 项目名 的方式创建的项目,无需手动配置webpack所以再vue中使用less就非常简单了,只需要安装less, less-loader就行了npm install less less-loader --save //将less和less-loader安装到开发依赖npm run dev如果安装成功那么就可以再vue组件...

Vue 显示pdf

在项目中有个功能是显示pdf文档,这个文档是静态的。不是后台传过来的,最简单的方法就是放在iframe实现是最简单的写一个公共Vue用来展示pdf,根据传入的参数不同来展示不同的pdf文档需要注意的是,一定要将pdf文档放在static 静态文件夹下,才会生效。<iframe :src="src" id='iframebox' ref='pdfiframe' fr

Vue封装一个饼图、仪表盘和状态图

上一片笔记封装了柱形图和折线图这一篇封装饼图、仪表盘和状态图首先是饼图:<template><div><divref='piechart'class='echartbox'></div></div&am

Vue 路由权限控制,只能从登陆页面进入系统

实现这种校验分几个步骤1.设置路由是否需要校验的阈值在路由配置加上meta的判断routes: [{path: '/',name: 'Login',component: () => import('@/pages/login/login')}, {path: '/home',name: 'Home',me...

vue-router 的命名视图的使用

在开发中我们经常会遇到这种情况,就是有个项目的header是公用的,在各个页面中都会使用到,所以我们会将其设置为一个公共组件,然后在各个页面中引用,但是每个页面都去引用真是太麻烦了,所以在Vue中注册引用,这样就会在所有的页面中都有header了例子:<template lang="html"><div id="app&quo

    共 25 条
  • 1
  • 2
  • 3
  • 请选择