vue
hzxOnlineOk
这个作者很懒,什么都没留下…
展开
-
【vue3.0 组件模板】调用接口 设置state
【代码】【vue3.0 组件模板】调用接口 设置state。原创 2022-11-03 17:56:13 · 127 阅读 · 0 评论 -
Vue3.0 computed的使用及其注意点
vue3的计算属性实践心得原创 2022-06-10 15:21:55 · 2316 阅读 · 0 评论 -
vue3 el-table-column 使用tooltip
<el-table-column prop="dftParamVal" label="默认参数值" width="120" > <template #default="scope"> <el-tooltip effect="dark" placement="top-start" :content="scope.row.dftParamVal"> <span class="d原创 2021-10-29 11:39:54 · 1130 阅读 · 0 评论 -
vue3 element-plus 右键菜单点击高亮选中树节点
关键在于必须设置tree属性:ref="treeRef" node-key="sucNormCode" highlight-current @node-contextmenu="rightClick" @node-click="handleTreeNodeClick"以及treeRef.value.setCurrentKey(data.sucNormCode);<el...原创 2021-10-19 14:15:39 · 1933 阅读 · 2 评论 -
解决vue3 el-menu 刷新页面菜单选中项和路由不匹配
网上找到的方法有2种:1、给el-menu组件增加属性:default-active="this.$route.path"但是博主试了下,打印出来的路由this.$route.path一直是/,放弃2、通过this.$router.currentRouteconsole.log('当前路由', this.$router.currentRoute);所以我们可以通过this.$router.currentRoute._value.fullPath访问到当前激活的url,然后将.原创 2021-10-15 18:57:51 · 2461 阅读 · 0 评论 -
解决element-ui/plus中el-menu组件配套vue-router模式在刷新页面后default-active属性与当前路由页面不匹配问题
原因由于default-active="1",在刷新页面后,无法自行变化,导致出现当前选中与路由页面不匹配解决为menu的default-active属性绑定route.path变量值原创 2021-10-14 09:09:13 · 483 阅读 · 0 评论 -
解决TypeError: Right-hand side of ‘instanceof‘ is not callable
vue3报这种类型的错误,一般定位在Props定义父组件传递给子组件的属性或方法时,写错导致出现此报错:TypeError: Right-hand side of 'instanceof' is not callable如下两种写法都会导致报错:props: { name: "", age: { type: Number | String, default: 18, }}...原创 2021-09-27 20:36:21 · 2395 阅读 · 0 评论 -
Extraneous non-props attributes (currNode) were passed to component but could not be automatically i
使用vue3开发过程中,碰到了这个问题:Extraneous non-props attributes (currNode) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.为什么呢?google上查找到的原因可能是你在组件模板中有多个根节点。参考Non-Prop Attributes | Vue.j.原创 2021-09-22 19:25:24 · 4885 阅读 · 0 评论 -
vue3中使用element-plus调用ElMessage
环境:vue3+typescript+element-plus全局引入element之后,element已经在 app.config.globalProperties 添加了全局方法 $message所以在options API中可以直接使用 mounted(){ (this as any).$message.success("this.$message");}在Composition API中setup方法传入了两个变量,props和context,context作为上下文...转载 2021-09-17 16:01:51 · 15349 阅读 · 0 评论 -
vue img标签显示默认图片
有这么一个需求,有对象数组A和对象数组B,其中数组A[ { } ] concat_obj_arr(arA, arB) { let result = []; for (var i = 0; i < arA.length; i++) { var arAi = arA[i]; var propA = arAi.rowName; var flag = false; for (var j = 0; j <..原创 2021-08-09 15:18:24 · 822 阅读 · 0 评论 -
Vue 3专用的Web开发构建工具——Vite介绍(仅支持IE11以上,不包含11)
Vite是Vue的作者尤雨溪开发的Web开发构建工具,它是一个基于浏览器原生ES模块导入的开发服务器,在开发环境下,利用浏览器去解析import,在服务器端按需编译返回,完全跳过了打包这个概念,服务器随启随用。同时不仅对Vue文件提供了支持,还支持热更新,而且热更新的速度不会随着模块增多而变慢。在生产环境下使用Rollup打包。Vite具有以下特点:快速的冷启动即时热模块更新(HMR,Hot Module Replacement)真正按需编译Vite是在推出Vue 3的时候开发的,目前仅支持Vue转载 2021-02-21 11:22:06 · 2312 阅读 · 1 评论 -
不使用cli 自主搭建vue简单应用 学会webpack的应用场景
搭建教程:https://juejin.im/post/5a531f4c6fb9a01cb80f926f问题1:webpack.config.js配置遇到Error: Cannot find module '@babel/core'&&Cannot find module '@babel/plugin-transform-react-jsx' 问题解决方...原创 2019-09-30 15:07:41 · 151 阅读 · 0 评论 -
vue生命周期图详解
转载 2019-09-24 16:30:50 · 174 阅读 · 0 评论