- 博客(16)
- 收藏
- 关注
RSS订阅原创 多行文本显示
当需要显示多行文本时，需要给盒子加上自动换行word-wrap: break-word; //自动换行如果文本溢出盒子，并出现右侧滚动条将盒子高度去掉解决
2022-06-03 23:30:41
283
原创 slice substring substr
相同都是截取不同slice(a,b)可以截取数组也可以截取字符串从索引a截取到索引b之前，包括a不包括b，[a,b)当a大于b时，返回空substring(a,b)只能截取字符串从索引a截取到索引b之前，包括a不包括b，[a,b)当a大于b时，自动把a和b倒置，等价于substring(b,a)substr(a,b)只能截取字符串从索引a开始，截取b个字符...
2022-05-23 23:02:21
108
原创 箭头函数处理子组件向父组件传值
在编辑个人资料功能中，有父组件Personal.vue和子组件PersonalInfo.vue其中父组件访问后端获得个人信息，并调用子组件<PersonalInfo infoKey="用户名" :infoValue="info.uname" infoType="input"></PersonalInfo>子组件根据父组件传的infoType决定是显示input框，单选框还是textarea文本框点击提交按钮通过子组件向父组件传值的方式向父组件..
2022-05-19 20:09:24
323
原创 vue项目富文本编辑器输入格式化以计算总字数
在使用富文本编辑器时，v-model存储输入信息，此时输入信息会包含html格式，影响字数计算另外特殊字符比如< > &也需要格式化还有空格不能计算为字数所以需要对输入信息进行格式化data() { return { title: "", tap: "", content: "", fontCount: 0, //总字数 }; }, watch: { //监听正文内容变化以改变总字.
2022-05-16 00:02:46
1266
原创 关于created和mounted获取dom元素问题
createdcreated也能获取dom元素，但是是已有的dom元素，比如子组件的created可以获取到父组件中的dom元素以及body等特殊元素，如图created() { document.body.className = "addBg"; console.log( "我现在在Home的created阶段 输出dom元素" + document.getElementsByTagName("h1")[0] ); console.lo
2022-05-14 18:23:11
2135
原创 组件标签事件和.native修饰符
父组件在使用组件标签（子组件），如果想在标签中加入事件绑定，要在事件后加入.native修饰符<ArticleInfo v-for="item in articleList" :key="item.id" :id="item.id" :title="item.title" :introduce="item.summary" :author="item.author.nickname" :views="item.v
2022-05-14 13:48:31
796
原创 子组件修改body背景过程记录
目的在登录页和注册页有背景，在Home页没有最开始想通过子组件像父组件传递数据，在App.vue中改变body样式，但不知道为什么没有成功，而且麻烦，然后在网上看到帖子，在子组件中获取bodyDom元素改变样式，写完是这个样子created() { document.body.className = "addBg";},destroyed() { document.body.removeAttribute("class");},addBg是给body添加的样式，登录注
2022-05-11 15:29:42
583
原创 vue中使用setInterval定时器
应该使用箭头函数，另外记得箭头函数中this指向定时器，所以在定时器之前用const that = this 在箭头函数中使用that指向vuedata() { return { uname: "", pwd: "", phone: "", code: "", sendMsg: "发送验证码", time: 60, disabled: false, //表示按钮是否禁用 timer: "", //绑
2022-05-11 00:20:06
4131
原创 v-model绑定子组件失效
在父组件register.vue中注册并使用子组件Input（输入框）子组件部分代码如下<template> <input type="text" :placeholder="placeHolder" @focus="befocu = true" @blur="befocu = false" :class="{ beFocu: befocu }" /></template><script>expor
2022-05-10 21:34:17
1013
原创 npm下载组件报错
问题npm下载组件报错npm ERR! Unexpected token '.'原因node版本过高，16.14.0出错，14.17.5正常参考npm i报错Unexpected token ‘.‘_Amelie4444的博客-优快云博客
2022-04-23 15:21:09
208
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人