动感超人的博客

【代码】前端文字实现拼音标注。

vant官网没有提及自定义列表当中的使用,并且只有一些简单的例子,这里记录下我使用vant-list的记录代码,Vant组件当中van-list的使用在自定义列表当中

【代码】pinia的基本创建和统一创建和解构失去响应式解决办法等知识点。

有时候我们模板引用,但是在使用的时候,ts提示却不行,没有提示组件通过暴露的方法名称,虽然这不是很影响,但是可以解决还是可以解决下~const sayHello = () => (console.log('我会说hello'))sayHello})然后我们在父级使用,输入完成会发现没有sayHello这个函数提示,所以这个时候我们就需要使用工具类型来获取其实例类型

使用vie的社区模板来创建对应的项目(比如React17,vue+electron)

我暗恋的说眼睛疼了，所以我买了眼药水寄过去了，但他告诉我他有喜欢的人了，让我别再打扰，距离遥远，顺丰要三天才到，可他为什么一秒钟就把眼药水滴在我眼睛里。突然想找你聊天，打开窗口，发现上次的结尾是我，你没有回，又欲言又止了。每天都翻你的朋友圈，点开你的头像，偷偷看你的微博，寻找着有关你的任何消息。宝～今天我找你，你叫我哪凉快哪呆着去，你可真心疼我，知道天气这么热，这么关心我，我太爱你了我的宝贝～就算我今天把话说得再绝，明天醒来我还是会喜欢你，就是这么没出息，这你知道…想着谁，就要告诉谁，不然白想了。

vue简单源码手写,实现基本的模板解析,v-text,v-html,v-on:click,@click基本语法指令

【代码】vue的h渲染函数和customRender在ant design vue的table组件的使用。

我们知道,在ant design vue当中的table组件里面的列表项目,我们一般会使用columns属性定义列表项目,比如下面title : '姓名' , dataIndex : 'name' , slots : {其中有一个属性,叫ellipsis这个是设置超出部门是否是省略号的,这个属性很有用,但是如果使用了columns当中的插槽,就会失效,所以这个时候我们必须要手动设置下超出省略显示逗号,但是之前设置的查出省略总是出现这个问题,大概就是这样子,

原理就是监听全选按钮的选中状态,设置相应的回调就可以。indeterminate是什么?

【代码】ant design vue时间范围(range-picker)自定义时间段范围。

【代码】ant-design-vue select动态下拉加载更多和加载状态的添加。

可以传入字符串,也可以传入组件。

从而如果有警告提示信息,尽管用户在之后输入了新值,也依旧会有报错,那么要怎么解决呢?有时候我们使用了自定义规则校验,无论是。

之前的emit写法App.vueconsole . log("我会说sayHello哦" , value);};< template > < button @ click = "handleClick" > 单击我 - userInfo < / button > < / template > < script > export default {emit }) {emit("sayHello" , "我是UserInfo传的消息");};return {

相不添加括号 @click = “handleClick” 会默认传入一个event参数。添加括号 @click = “handleClick()” 则不会传入参数。我们书写下代码(很简单的代码,对比输出不同而已)

你昨天晚上又没会我的消息，在我孜孜不倦的骚扰下，你终于舍得回我了，你说“滚”，这其中一定有什么含义，我想了很久，滚是三点水，这代表你对我的思念也如滚滚流水一样汹涌，我感动哭了，不知道你现在在干嘛，我很想你。今天我还是照常给你发消息，汇报日常工作，你终于回了我四个字：“嗯嗯，好的”你开始愿意敷衍我了，我太感动了受宠若惊。sh-a傻，噢你的意思是说我傻，那b就是baby的意思了吧，原来你是在叫我傻宝，这么宠溺的语气，我竟一时不相信，其实你也是喜欢我的对吧。滚就滚，我看不了青春有你，我的青春也没有你。...

/也可以写完整嗲 const emitter = mitt();//每调用一个mitt,都是一个总线,所以这里为什么要封装为一个工具库,就是只使用一个总线 export default emitter;

我们知道,在vue2的时候,想使用混入,直接就使用,但是在vue3里,就不一样了,多了`setup`那么我们怎么使用混入在vue3当中的`setup`呢?关键就是`getCurrentInstance`

vue引入静态资源有相对路径和绝对路径的方式相对路径是URL开头有.绝对路径是URL开头为/或者省略不写相对路径相对的是当前文件绝对路径相对的是public目录并且引入的时候URL开头为~的使用在css里面引入静态资源的时候如果 URL 以 @ 开头会作为一个模块请求被解析。Vue CLI 默认会设置一个指向 src 的别名 @。

mockjs生成假数据的基本使用

全部都用,没有与服务器的交互视频详情数据没有~但是你可以自己做添加了导航守卫地址编辑页没有写~,你可以自己写其他都OK,巴拉巴拉(应付应付最后的作业~~)下载地址githubgitee使用第一步当前目录下命令行运行第二步当前目录下命名行运行第三步浏览器输入http8080/进入。......

参考文章@flex布局设置space-between(around)最后一行不左对齐问题-解决办法@[译]当咱们在使用displayflex的时候，到底发生了什么？大家可能都遇到过下面这种情况,在布局的时候我们不得不设置并且效果本来想是下面这张图右边的效果,但是显示的却是左边的效果了其实解决也很简单,在最外层添加一个伪类即可html结构...

使用uni-app开发的数据为本地JSON数据,所以不用担心后台问题啦,但是需要手动运行后台下载地址githubhttpsgiteehttps运行项目先运行后再hbuilderX中工具条选择运行-运行到小程序模拟器-微信开发者工具不过运行之前微信开发者工具开启下服务端口运行后台切换到目录后运行然后后台服务器运行的默认地址http3001更改自己的后台地址打开更改host字段即可。...

v-model原来写法

微信小程序之网易云音乐的实现-云音乐-基本功能都实现了,音乐的上一首下一首播放等,顺便把进度条的拖动播放写了下主页的每日推荐界面写了 ,登录通过账号密码登录(你也可以自己加一个验证码或者邮箱登录)基于iPhone6(375*667分辨率)开发,后面一些计算都是通过获取当前屏幕下的尺寸来计算的,但是不保证在其他分辨率下是否完好(我已经尽力了~)下载地址更改自己的API地址虽然目前我这服务器的可以用,但是服务器会有过期的一天项目使用 ............

2.vue使用插槽的简写和使用默认插槽使用插槽简写v-slot直接用字符’#'代替使用当中的默认插槽 等同于3.flex:1是什么意思在弹性布局当中属性是以下三个属性的简写(用于弹性元素-也就是父元素被设置了display:flex,然后子元素就可以设置flex属性)当我们设置为的时候,相当于设置了 也就是设置了flex-grow,其他都设置默认值经常用来设置元素不管其内容如何，使所有弹性项目的长度均相同具体可以看看MdnWeb @flex属性首先导入在当中调用方法获取路由总管

使用Vue3全家桶及vant组件库实现移动端有关图书的商品展示，订单支付，地址管理，个人订单信息等功能的实现

2.使用 vite 创建官方文档：https://v3.cn.vuejs.org/guide/installation.html#vitevite官网：https://vitejs.cn传统构建 与 vite构建对比图主要区别1.引入的不在是vue2.x时候的vue构造函数了,而是引入的是一个名字叫的工厂函数,并且比原来的构造函数更轻(我理解的是大小更小,加载更快)2.在vue3.x结构当中,部分的内容可以不被一个统一的容器所包裹了vue3.x的 main.js 初始化时的代码二.常用的Co

Vue的MVVM模型知道什么是MVVMM: (Model 模型) 即后端传递过来或者自己定义的数据(对应vue组件当中的data,props,computed等)V: (View 视图) 即用户看到的界面UI (也就是我们组件当中的template部分)VM: ViewModel,负责实现View和Model之间数据状态同步的中间对象MVVM的关系MVVM优点在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 V

vue使用echarts报错Error in mounted hook: “TypeError: this.dom.getContext is not a function”解决一开始是this.refs.dom获取节点的,后面使用在‘<el−row>‘标签上就不可以,所以如果使用this.refs.dom获取节点的,后面使用在`<el-row>`标签上就不可以,所以如果使用this.refs.dom获取节点的,后面使用在‘<el−row>‘标签上就不可以,所以如

感兴趣的可以下载这位老师的例子使用的DMQ的MVVM为例地址(单击我跳转)前置知识知道节点nodeNamenodeTypenodeValue文档节点#document9null元素节点标签名1null属性节点属性名2属性值文本节点#text3文本内容知道一些方法或者属性dom元素.childNodes属性,获取dom元素下的所有节点(包括文本节点和其他(换行符也是文本节点))而dom元素.children是获取d

Echarts的初始化使用引入什么的就不多说了,普通的js脚本怎么引入echarts就怎么引入大概初始化的步骤获取DOM(用于绘制表格)依据获取的DOM对象初始化echarts(使得这个DOM对象用于展示图表数据)书写echarts配置对象第二步返回的echarts对象调用setOption方法并传入第三步书写的配置对象别忘记设置Dom容器的宽高了(css设置即可)好像如果是同一个echarts实例化对象,再次调用setOption方法,不会造成图表全部重新绘制,

路由模式常量路由(比如首页)异步路由(不同用户不同路由,根据权限来定的)任意路由(比如404)vueAdmin当中使用路由权限1.在路由注册的时候,分段注册 (默认只注册常量路由)src\router\index.js2.处理路由信息,并添加到route当中调用router当中的addRouter方法,传入的参数为数组(数组里面也就是路由信息)src\store\modules\user.js当中,根据token获取到用户信息后(比如用户权限,可以用的路由有哪些),来对数

vue当中addRoutes动态添加路由白屏解决和next(),next("/")的一些区别

尚品汇前台练习在线地址演示1(前台项目): http://82.156.205.62:8081/在线地址演示2(前台项目): http://82.156.205.62:8083/自己添加了下收货地址和删除收货地址(样式没有过多去处理~)有时候主页的一些数据老是获取不到,用了假数据(但是数据内容和接口地址是一样的)添加地址信息弹窗全部改为element-ui的message提示项目依赖安装npm install项目运行npm run serve项目打包编译npm r

文章目录安装别人做好的后台管理项目,npm run dev后报错解决安装别人做好的后台管理项目,npm run dev后报错都是这种core-js/modules/es.array.concat.js 什么的错误解决找到项目下的babel.config.js 原来的presets改为下面presets: [ [ "@vue/app", { useBuiltIns: "entry" } ] ],改好之后重新运行npm run dev 成功!...

文章目录arrayObject.reduce(callback)deletedebuggerArray.isArray（obj）instanceOfArray.prototype.includes()Array.prototype.indexOfPromise.all([])escape(str)，unescape(str) (均废弃)encodeURIdecodeURIencodeURIComponentdecodeURIComponenten/decodeURIComponet和en/decodeU

element-ui当中分页器,设置每一页显示数量(page-size)后页码没有发生变化