随笔分类 -  Vue相关

1
摘要:tabs组件的属性 tabs的属性 tabs的事件 tab-pane的属性 标签代码 <el-tabs v-model="activeName"> <el-tab-pane name="0" label="标签1"></el-tab-pane> <el-tab-pane name="1" label 阅读全文
posted @ 2022-12-05 18:05 gtea 阅读(2359) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-12-05 17:42 gtea 阅读(1001) 评论(0) 推荐(0) 编辑
摘要:router.beforeEach一般在main.js里面使用:这里做补充说明下两个参数,to: 下一个页面/即将要进入的目标form: 当前页面 阅读全文
posted @ 2022-12-05 17:11 gtea 阅读(243) 评论(0) 推荐(0) 编辑
摘要:Vue Router构建选项详解 Vue RouteConfig 的类型定义 Vue Router Mode详解 阅读全文
posted @ 2022-12-05 16:37 gtea 阅读(79) 评论(0) 推荐(0) 编辑
摘要:1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit,让父组件监听到自定义事件 。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn; 例如:子组件: <template> 阅读全文
posted @ 2022-03-01 14:17 gtea 阅读(359) 评论(0) 推荐(0) 编辑
摘要:一、handler方法和immdiate属性 watch默认绑定,页面首次加载时,是不会执行的。只有值发生改变才会执行。 如果想立即执行怎么办? watch:{ name:{ handler(newName,oldName){ //执行代码 }, immediate:true //true就表示会立 阅读全文
posted @ 2022-02-18 23:15 gtea 阅读(458) 评论(0) 推荐(0) 编辑
摘要:vue-property-decorator用法 vue-property-decorator 这个组件完全依赖于vue-class-component.它具备以下几个属性: @Component (完全继承于vue-class-component) @Emit @Inject @Provice @ 阅读全文
posted @ 2022-02-18 17:33 gtea 阅读(637) 评论(0) 推荐(0) 编辑
摘要:Element ui:https://element.eleme.io/#/zh-CN/component/drawer Vue:https://cn.vuejs.org/v2/guide/typescript.html Npm: 1 npm install --legacy-peer-deps 2 阅读全文
posted @ 2022-02-18 13:14 gtea 阅读(24) 评论(0) 推荐(0) 编辑
摘要:周一入职,同事JJ让我熟悉一下基于React的新项目。 按照以往,我的步骤都是: git clone xxx npm install npm run dev 这时,JJ给我来了下面一段 git clone xxx yarn yarn start “咦,yarn是什么鬼?难道npm更高级的替代品?为什 阅读全文
posted @ 2022-02-17 23:18 gtea 阅读(124) 评论(0) 推荐(0) 编辑
摘要:基于element-ui 输入内容,会自动从服务器获取建议,然后显示 主要有两个个方法 querySearchAsync,传入查询参数和一个回调函数,根据查询参数,返回一个数组,value表示提示列表显示的信息,还可以放入对象 handleSelect,当提示条目被选中时 触发,会传入,提示的对象数 阅读全文
posted @ 2022-02-17 10:41 gtea 阅读(1188) 评论(0) 推荐(0) 编辑
摘要:vue样式穿透 ::v-deep的具体使用 这篇文章主要介绍了vue样式穿透 ::v-deep的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 之前在项目中用到了 vant,使用特别简单,而且组建也非常的丰富。即时这样, 阅读全文
posted @ 2022-02-16 21:36 gtea 阅读(1479) 评论(0) 推荐(0) 编辑
摘要:Vue.js is detected on this page解决方法最近在学习Vue,所以打算安装一个插件Vue.js devtools5.3.3。下载完成后,发现用不了,出现了*Vue.js is detected on this page.Devtools inspection is not 阅读全文
posted @ 2022-01-23 17:38 gtea 阅读(2786) 评论(0) 推荐(0) 编辑
摘要:VUE项目创建: 一.前提条件: 1、node安装, 下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install 阅读全文
posted @ 2022-01-23 12:25 gtea 阅读(258) 评论(0) 推荐(0) 编辑
摘要:一、配置热更新时 遇见 context.compiler.hooks.invalid.tap('WebpackDevMiddleware', invalid); 处理方法: 1、卸载webpack-dev-middleware ,执行npm uninstall webpack-dev-middlew 阅读全文
posted @ 2022-01-22 19:59 gtea 阅读(220) 评论(0) 推荐(0) 编辑
摘要:一: 回顾 npm install 命令 我们在使用 npm install 安装模块的模块的时候 ,一般会使用下面这几种命令形式: 1 2 3 4 5 6 7 npm install moduleName # 安装模块到项目目录下 npm install -g moduleName # -g 的意 阅读全文
posted @ 2022-01-22 19:55 gtea 阅读(508) 评论(0) 推荐(0) 编辑
摘要:1 get getCauseLabel1() { 2 return (id: number) => (id ? CauseModule.getPathByValue(id).map(item => item.cause_name) : []); 3 } 4 get getCauseLabel() { 阅读全文
posted @ 2022-01-22 19:53 gtea 阅读(132) 评论(0) 推荐(0) 编辑
摘要:mounted是vue中的一个钩子函数,一般在初始化页面完成后,再对dom节点进行相关操作。官方文档的解释如下,钩子函数的官方链接为 https://cn.vuejs.org/v2/api/#mounted ,生命周期函数图示链接为 https://cn.vuejs.org/v2/guide/ins 阅读全文
posted @ 2022-01-22 16:10 gtea 阅读(411) 评论(0) 推荐(0) 编辑
摘要:https://www.cnblogs.com/makalochen/p/13967725.html 阅读全文
posted @ 2022-01-22 15:57 gtea 阅读(113) 评论(0) 推荐(0) 编辑
摘要:1、ERR引发的思考 创建好的 vue 项目直接执行 vue run dev 报错?运行 vue run serve 就可以启动...如下 npm run dev npm ERR! missing script: dev npm ERR! A complete log of this run can 阅读全文
posted @ 2022-01-17 17:04 gtea 阅读(353) 评论(0) 推荐(0) 编辑
摘要:谢谢你的支持! 开门见山,npm install 大概会经过上面的几个流程,本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。 嵌套结构 我们都知道,执行 npm install 后,依赖包被安装到了 node_modules ,下面我们来具体了解下,npm 将依赖包安装到 node_mo 阅读全文
posted @ 2021-11-10 10:22 gtea 阅读(383) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示