vue
文章平均质量分 51
chelflan
不积跬步无以至千里
展开
-
[微信小程序开发者工具] [error] Error: Fail to open IDE 问题解决方法
Fail to open IDE原创 2022-09-23 16:47:49 · 1235 阅读 · 2 评论 -
vue3.0+ts中使用事件总线 eventBus
vue3.0+ts中使用事件总线 eventBus原创 2022-09-21 16:11:28 · 1154 阅读 · 0 评论 -
elementui中table改为树形多选table遇到的坑
elementui中table改为树形多选table遇到的坑原创 2022-07-13 09:49:18 · 816 阅读 · 0 评论 -
使用NATAPP内网穿透
使用NATAPP内网穿透原创 2022-05-27 12:48:22 · 1040 阅读 · 2 评论 -
二次封装Element Ui的Table中使用render渲染函数
render渲染函数的使用原创 2022-04-28 10:48:37 · 2860 阅读 · 0 评论 -
axios 进行同步请求(async+await+promise)
axios 进行同步请求(async+await+promise)原创 2022-04-25 17:38:41 · 3331 阅读 · 0 评论 -
报错Unknown custom element: <组件名> - did you register the component correctly?的原因及解决办法
报错Unknown custom element: <组件名> - did you register the component correctly?的原因及解决办法原创 2022-04-21 14:28:34 · 113639 阅读 · 15 评论 -
docker初体验
docker初体验注意事项:系统的版本在docker容器中安装vim命令进行编辑文件怎么保存退出vi编辑菜鸟教程部署容器,copy文件替换dockerfile配置文件总结:注意事项:系统的版本官网:https://www.docker.com/get-startedhttps://blog.csdn.net/qq_39611230/article/details/108625840在docker容器中安装vim命令进行编辑文件https://www.cnblogs.com/xiufengche原创 2022-02-17 15:05:22 · 1124 阅读 · 0 评论 -
定时器倒计时vue
这里写目录标题定时器倒计时显示定时器倒计时显示主要代码 this.timeClock = setInterval(function () { vm.times--; if (vm.times == 0) { clearInterval(vm.timeClock); } },1000)...原创 2021-09-17 12:34:39 · 224 阅读 · 0 评论 -
vue常见面试题目
vue常见面试题目面试总是很尴尬,问的那么深以为是造航母,进去之后扭螺丝面试总是很尴尬,问的那么深以为是造航母,进去之后扭螺丝参考:vue常见面试题目原创 2021-07-24 00:11:40 · 69 阅读 · 0 评论 -
解决vue中使用 /deep/ 不生效
vue中使用 /deep/ 不生效问题解决拓展参考问题使用过/deep/深度选择器,不过vue编译报错使用 >>> 选择器也不行,编译能通过,但不生效解决使用 ::v-deep 替换深度选择器后生效拓展参考vue深度作用选择器https://blog.csdn.net/qq_33866817/article/details/108941823...原创 2021-04-25 10:11:36 · 5650 阅读 · 0 评论 -
Vue中:error ‘XXXXX‘ is not defined no-undef解决办法
Vue中:error ‘XXXXX‘ is not defined no-undef解决办法语法没错居然报错了解决方法:拓展语法没错居然报错了解决方法:在使用vue的时候,使用一个全局变量,ESLint的语法会出现ESLint: ‘Aliplayer’ is not defined. (no-undef),说变量未定义,这时我们可以添加配置,取消这个校验。在.eslintrc.js文件中添加一个配置,位置如下图所示,我的全局变量就是Aliplayer。一、打开eslintrc.js文件二、原创 2021-04-22 20:27:12 · 32724 阅读 · 0 评论 -
微信小程序订阅消息
微信小程序订阅消息官网步骤遇到的问题参考官网步骤详情见:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html遇到的问题1.调用用户授权接口报错:wx.requestSubscribeMessage is not a function查找资料,发现要求调试基础库要大于2.8.2;如何修改调试基础库呢?解决方案:微信小程序开发者工具-详情-本地设置-调试基础库选原创 2021-04-14 17:40:01 · 111 阅读 · 0 评论 -
谷歌浏览器的翻译造成vue的双向绑定失效
谷歌浏览器的翻译造成vue的双向绑定失效问题:谷歌浏览器的翻译造成vue的双向绑定失效(逻辑啥的都没问题,差点让我怀疑人生)罪魁祸首解决:禁用翻译就行了参考(包括原理)问题:谷歌浏览器的翻译造成vue的双向绑定失效(逻辑啥的都没问题,差点让我怀疑人生)罪魁祸首解决:禁用翻译就行了 <meta name="google" content="notranslate">参考(包括原理)[Vue源码分析]谷歌翻译后,Vue双向数据绑定失效了?...原创 2021-04-04 22:25:26 · 688 阅读 · 0 评论 -
vue中使用iview的table首行默认高亮、expand下默认展开/刷新保持展开
iview的table首行默认高亮1.问题:vue中使用iview的table首行默认高亮2.解决:一行代码搞定1.问题:vue中使用iview的table首行默认高亮2.解决:一行代码搞定dataTable[0]._highlight = true;原创 2021-03-11 18:00:05 · 1853 阅读 · 0 评论 -
Vue3.0中的 proxy与Vue2.0中的Object.defineProperty()比较
Proxy 简介 Proxy 可以理解为,在操作对象时要先经过一层“拦截器”。访问对象时,都必须先经过这一层拦截。这就意味着你可以在拦截里做各种骚操作。 比如,整一个 Proxy 的对象用来对后端返回的数据类型进行类型校验,不通过直接 throw new Error('大兄弟,说好的对象,你给我返回一个数组?!'),记得搭配 try catch 食用,风味更佳! 让我们先看看怎么使用 Proxy. const p = new Proxy(target, han...转载 2021-03-07 23:41:49 · 752 阅读 · 0 评论 -
vue.js 自动注册组件
1.在src目录下创建一个global.js文件,用来注册view2.global.js的内容如下,我扫描了两个目录,只要这两个目录下有index.vue的文件就自动注册。3.并在main.js里引入 4、直接使用参考https://www.jianshu.com/p/76d7494...转载 2019-12-06 10:07:01 · 336 阅读 · 0 评论 -
weui.js中的picker自定义实现移动端联动
实现weui中的picker联动,效果图如下:代码如下<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport...原创 2019-11-19 16:02:02 · 3275 阅读 · 0 评论 -
如何给vue.js build生产版本的补丁?
原因:vue.js build后生成的css、js文件都是hash命名的和压缩的,要是没有设置就生成密密麻麻的代码,哎,密集恐惧症.发补丁的时候,不方便局部替换。下解决1.build的生成规则改下,去掉chunkhash,这样生成的理论上每次都一样,利于替换补丁修改前:output: { path: config.build.assetsRoot, fil...原创 2019-10-17 17:13:12 · 792 阅读 · 0 评论 -
7个有用的Vue开发技巧
1 状态共享随着组件的细化,就会遇到多组件状态共享的情况,Vuex当然可以解决这类问题,不过就像Vuex官方文档所说的...转载 2019-07-10 09:57:54 · 116 阅读 · 0 评论 -
Vue 3新特性了解,尤雨溪Vue Toronto 的主题演讲中预演了 Vue 3
Vue 3是什么?Evan You(尤雨溪)今天(2018年11月16日)早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。总结起来,Vue 3 以下方面值得我们期待 :更快更小更易于维护更多的原生支持更易于开发使用具体详见:https://blog.csdn...转载 2019-07-23 17:28:27 · 940 阅读 · 0 评论 -
vuex的语法糖-辅助函数mapState , mapMutations , mapActions , mapGetters
vuex的语法糖-辅助函数mapState , mapMutations , mapActions , mapGettershttps://blog.csdn.net/weixin_43648947/article/details/88995357转载 2019-08-02 16:32:11 · 1829 阅读 · 0 评论 -
mavon-editor 使用教程
mavon-editor是一款基于vue的markdown编辑器,比较适合博客系统。由于官网对于一些细节的说明不够详细,这里对这里对该编辑器的使用做一个总结。1. 安装2. 基本使用3. 图片上传(含服务端)安装npm install mavon-editor --save基本使用在vue-cli构建的脚手架离得main.js可以像这样...转载 2019-08-02 16:33:17 · 9953 阅读 · 22 评论 -
关于vue中同名的问题
1. 在vue中方法名和vuex中的名字相同了,调用时候先调用了vuex中的方法,然后就报错 RangeError: Maximum call stack size exceeded解决:将methods中的方法名改下就好...原创 2019-10-08 10:16:27 · 2130 阅读 · 0 评论 -
router-link的tag
tag类型: string默认值: “a”有时候想要 渲染成某种标签,例如 。 于是我们使用 tag prop 类指定何种标签,同样它还是会监听点击,触发导航。foofoo...原创 2019-01-08 11:20:16 · 4361 阅读 · 0 评论 -
v-cloak针对vue项目刷新时候会显示{{message}}源码的问题、和会闪屏已经隐藏的模态框的问题等解决
问题的出现vue项目刷新时候会显示{{message}}源码的问题、和会闪屏已经隐藏的模态框的问题等,这非常影响用户体验<div id="app"> <p> {{message}}</p></div>此时页面展示的效果就是:在加载的时候会看到{message}}在页面出现,过了几秒之后才会渲染数据解决如下...原创 2019-06-23 11:20:48 · 452 阅读 · 0 评论 -
使用iview Menu时遇到坑,添加点击事件无效,最后@click.native解决,然后就是页面刷新时候,将数据存在sessionStore中,然后刷新完毕加载,我的加放在了mounted中,无效
@click.native.native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。以下例子要是不加native则无效,因为以下是一个自定义组件<MenuItem v-for="subItem in item.subMenu" :key="subItem.name" :name="subItem.name" ...原创 2019-06-17 17:40:28 · 2361 阅读 · 0 评论 -
[Vue warn]: Failed to resolve directive: mode的报错
[Vue warn]: Failed to resolve directive: mode翻译一下:未能解析指令:mode怎么找到原因?将mode拷贝到相应页面搜索,果不其然结果:mode写错了<Input type="text" v-mode.trim="drugName" @on-change="getClinicDrugListByKeyWord" @on-enter="g...原创 2019-03-20 09:37:12 · 16927 阅读 · 2 评论 -
require.context
初识require.contextrequire.context是webpack中,用来创建自己的(模块)上下文webpack会在构建的时候解析代码中的require.context()require.context函数接收三个参数:要搜索的文件夹目录 是否还应该搜索它的子目录 以及一个匹配文...转载 2019-03-05 15:13:37 · 862 阅读 · 0 评论 -
引入node-sass,install时报错
node版本v8.15.0 ,node版本 6.4.1npm install报错node-sass反正有它就报错,版本换了,项目重新导入了,依旧不行。解决使用cnpm install就解决了报错的原因未知,请知道的指教下,么么...原创 2019-02-25 10:17:12 · 274 阅读 · 0 评论 -
Vue.js查漏补缺,持续更新。。。
渐进式框架?渐进式代表的含义是:主张最少,没有过多的硬性要求,引入后就能使用引申理解:如做加法,基本的事情做好了,只需要增加就行了计算属性?对于任何复杂逻辑watch的使用?监听data:中属性var vm = new Vue({var vm = new Vue({el: ‘#demo’,data: {firstName: ‘Foo’,lastName: ‘Bar’,f...原创 2019-02-22 17:21:35 · 255 阅读 · 0 评论 -
router-link的api、跳转、传参
原文地址:http://router.vuejs.org/zh-cn/api/router-link.html<router-link><router-link> 组件支持用户在具有路由功能的应用中(点击)导航。 通过to 属性指定目标地址,默认渲染成带有正确链接的 <a> 标签,可以通过配置tag 属性生成别的标签.。另外,当目标路由成功激活时,链...转载 2019-01-08 11:22:33 · 680 阅读 · 0 评论 -
vue-cli+iview打包后iview自带的字体图标找不到,浏览器报错的404
1.dev模式的时候正常build后页面打开,图标显示小方块。bug如下:3.解决方法:更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:添加 publicPath: ‘…/…/’(PS:注红箭头处的逗号)4.拓展具体实现原理,请看webpack原理:https://www.webpackjs.com/...原创 2019-01-02 09:49:53 · 1107 阅读 · 1 评论 -
Axios使用详解
转自:https://www.kancloud.cn/yunye/axios/234845##AxiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。Features从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSO...转载 2018-12-21 15:14:38 · 1963 阅读 · 0 评论 -
vue中js里的/* eslint-disable*/及其ESLint的介绍
团队协作中,为了减少代码错误、节约调试时间、维持团队成员之间代码风格的统一,除了制定编码规范之外,我们往往需要借助工具来进行代码检测,辅助编码规范的实施。ESLint是个不错的选择,由鼎鼎大名的Nicholas C. Zakas创建,是一个可组装的JavaScript和JSX检查工具。下面我们一起来看看怎么使用它。一. 安装 npm install eslint二. 配置 ESLi...转载 2018-07-25 16:41:18 · 95023 阅读 · 3 评论 -
使用 webpack 的 require.context 实现路由“去中心化”管理
阅读须知:示例代码以 react-router V3 为例。其他路由同样适用,如:vue-router。同样其他的功能模块也可以用该思路进行相应的去中心化管理改造。本文示例代码一个项目中路由的变化过程当你在开发一个大型单页面应用的时候,项目之初一般做法是所有的路由规则都维护在一个route.js的文件里。// rootRoute.jsconst rootRoute = { c...转载 2018-07-13 15:57:14 · 272 阅读 · 0 评论 -
vue-router的懒加载
vue2组件懒加载浅析一、 什么是懒加载 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。二、为什么需要懒加载 在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时...转载 2018-07-13 15:26:54 · 6135 阅读 · 0 评论 -
vue.js router多种传参的方式
vue传参方法一https://www.cnblogs.com/luozhixiang/p/9072441.html1,路由配置 { path: '/describe/:id', name: 'Describe', component: Describe }2,使用方法...转载 2019-03-12 15:28:21 · 658 阅读 · 0 评论 -
解决Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npmins
在使用npm安装node-sass的时候,可能会出现如下的报错:Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npminstall\node-sass\3.7.0\node-sass\vendor' at Error (native)&...转载 2019-03-22 17:12:11 · 2261 阅读 · 0 评论 -
filters vue.js过滤器
//注册过滤器,方便模板中快捷使用 全局Vue.filter(‘renderFileSize’, goBase.renderFileSize)//局部过滤器filters:{//注册过滤器,方便模板中快捷使用farmatTime:function(val) {return new Date(val).format(“yyyy-MM-dd”);},exchangeBi...原创 2019-03-26 15:16:19 · 151 阅读 · 0 评论