vue
关注
分享
扫一扫
三和小钢炮
2016 毕业于「双一流」；
2016-2018 上市公司担任前端兼JAVA开发；
2018-2021 世界500强担任前端核心开发；
2021-至今 某头部公司历练；
展开
-
Object.defineProperty和Proxy
1. Object.defineProperty代码var target = {};var valTemp;var handler = { get() { console.log('name被读取'); return valTemp; }, set(value) { console.log(`name被设置为 ${value}`); valTemp = value; }};Object.defineProperty(target, 'name',原创 2020-07-14 16:04:13 · 130 阅读 · 0 评论 -
element ui cascader 动态加载回显问题解决方法
我用的element ui cascader 这段三联动是懒加载的props: { lazy: true, async lazyLoad(node, resolve) { } }但是当我赋值给cascader的时候，cascader却不显示了。只要重新加载下cascader组件就行。解决代码：<el-cascader v-if="isShowAddressInfo" v-model="form.addressInfo" :props="props"></el-casca原创 2020-05-09 00:06:38 · 17499 阅读 · 21 评论 -
vue自定义事件
01 vue中自定义指令vue指令// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})02 标准浏览器自定义事件触发方法w3 Event对象document.creat...原创 2018-10-19 11:36:03 · 859 阅读 · 0 评论 -
vue路由钩子函数
一、全局钩子router.beforeEach((to, from, next) => { console.log('beforeEach');});router.afterEach((to, from) => { console.log('beforeEach');});二、单个路由钩子const router = new VueRouter({ rout...原创 2018-11-12 17:07:33 · 2644 阅读 · 0 评论 -
vue预渲染
1. vue要预渲染vue项目的html页面一般如下： <body> <div id="app"></div> <script type="text/javascript" src="/app.js"></script> </body>通过前端渲染的方法无法让搜索引擎抓取。所以要将一些页面先渲染出来...原创 2019-09-16 21:26:27 · 579 阅读 · 2 评论 -
实现一个骨架屏webpack插件
一. 原理在vue的首页自动加上骨架屏代码。类似于下面： <div id="app"> <app></app> </div>加上骨架屏后： <div id="app"> <app></app> <div>骨架屏 code</div> </div&g...原创 2019-09-17 08:56:17 · 411 阅读 · 0 评论