- 博客(9)
- 收藏
- 关注
原创 vue3.0知识点梳理
vue3在原型中挂载方法及使用前言使用步骤 前言 vue3不像vue2一样可以有this操作,那么如果往原型上做一番操作,该怎么操作操作? 提示:以下是本篇文章正文内容,下面案例可供参考 使用步骤 main.js代码如下(示例): import { createApp } from 'vue' import App from './App.vue' import router from './router' import { CP } from 'wheels/dist/wheel.min.js' con
2022-02-10 17:22:32 401
原创 Vue3.0知识点梳理
Vue3学习知识点vue3安装创建vue3父子组件传值vue3ref的理解vue3路由创建-跳转-传值-获取vue3在原型中挂载方法及使用vue3computed的使用如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 vue3安装创建 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果
2022-02-10 16:46:03 954
原创 vue中的总线及动画简述
vue中的总线及动画简述总线机制解决非父子组件之间传值的问题(bus/总线/发布订阅模式/观察者模式)动画 总线机制解决非父子组件之间传值的问题(bus/总线/发布订阅模式/观察者模式) Vue.prototype.bus = new Vue(); 理解: 在vue的prototype上挂载了一个bus属性,当后续实例化的时候,vue实例就会有bus属性。 在子组件方法中,通过**this.bus.$emit(‘funName’, data);**向外触发 在子组件钩子函数mounted中通过bus进行监
2021-03-31 15:39:06 171
原创 vue基础细节及常见问题解决
使用vue过程中的一些小细节is属性解决浏览器渲染固定标签警告问题ref引用的理解父组件向子组件传值单项数据流的概念 is属性解决浏览器渲染固定标签警告问题 在浏览器解析html结构时,table中tbody下只能是固定的写法(select-option/ul-li/ol-li同理),当我们tr-td是作为子组件渲染出来的内容时,浏览器不会直接将子组件内容转换为固定识别的tr-td,此时可以用is属性解决解决该问题。如: <div id="root"> <table> &
2021-03-30 18:21:14 297
原创 layui表格内select表单动态操作可以提交
先上一段需求(可以对照下自己需求是否符合) 表格可以动态新增行,删除当前行。 新增的每一行(tr)包含三列(td)每一格分别一个下拉框,每列下拉框相同。 选择某一行第一个下拉框值后,与当前行第二个下拉框联动,数据为动态(后台传输)。 点击提交按钮后,将整个表格提交,每一行三个数据以逗号隔开,每一行数据以分号隔开。 上一段代码(js) // An highlighted block var fo...
2019-10-21 14:46:28 847 1
原创 js关闭当前浏览器事件
话不多说先插入一段漂亮的代码片 // 点击元素关闭当前浏览器窗口 function closeEvent(){ if(confirm("您确定要关闭本页吗?")){ debugger window.opener=null; window.open('','_self'); window.location.href="about:blank"; w...
2019-04-16 15:10:39 9212
原创 vue中img属性绑定src两种解决方法
说明: 当图片中src文件夹下assets内时,我们直接在Dom中以img插入时,图片是可以正常显示,没有问题的。 但是,现在我说的情况是我们在data中以数组形式遍历出来时遇到的图片不显示的问题,以下为两种解决方案,大家自行选择。 方法一:移动目标图片到static文件夹下 <img :src="banner.imgUrl" :alt="banner.name" style="hei...
2019-02-27 20:49:21 10738
原创 vue 2.0项目 favicon.ico不显示 解决方案
1.最好把图标与index.html放入同一级 2.在build文件夹下webpack 配置文件里面配置 // 在webpack.dev.conf.js 里面的 plugins配置 new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon...
2019-02-26 20:08:01 2515
原创 vue-cli3.0环境搭建
vue-cli3.0环境搭建步骤首先卸载老版本的vue-cli安装新版本原型开发(针对做原型开发的小伙伴)创建项目 首先卸载老版本的vue-cli 执行指令:npm uninstall vue-cli -g 说明: npm是安装好node.js后自带的一个包管理工具 -g指的是全局global 新的vue-cli3.0包名变成了:@vue/cli它和老版本是不兼容的 安装新版本 执行指令:np...
2019-02-26 18:52:49 367 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人