vue 小项目总结 vant wangedtior

最新推荐文章于 2023-03-07 11:07:45 发布
最新推荐文章于 2023-03-07 11:07:45 发布
阅读量171 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/exhalexujing/article/details/110918339
版权

1.  上一个div margin-bottom 失效 下面的div是position：fixed  底部固定的

 谷歌手机模式调试没有问题 真机失效  下面的列表总是被底部固定的评论框遮住 尝试padding-bottom 还是没有用

换一个思路 给加一个空的div设置一点点高度  在给上面的div加margin-bottom就成功了

2.   wangedtior样式问题  表情全部都重叠在一起 变成一个表情 是因为之前哪里加了position影响了布局  所以仔细一点

3.   wangedtior先在详情页定义一个没问题  后面又在首页定义一个 问题来了 加载不出来 没有渲染dom 就是两个div 也不能输入

原因是vue和wangedtior加载顺序的问题  所以可以设置一个settimeout的函数  等vue全部渲染完之后 再来创建wangedtior 就不会报错了

创建成功后还有一个报错 每次关闭在打开会重复创建所以会报错  需要定义一个状态 初始化才会创建

4.    保持代码整洁好维护 养成好习惯

再去监听DepartmentName和this.resData发生改变调用函数 更新placeholder

Exhalexujing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue的项目总结及流程
02-21
Vue的项目总结及流程
WangEdtior富文本编辑器
pscool的博客
04-08 868
WangEdtior官网，提供了vue2、vue3的安装方式>> vue2 安装wangEditor ArticleWang.vue
wangEditor 初始化设置行高、字体和字体大小
weixin_42597632的博客
03-07 6178
wangEditor选择默认行高，wangEditor选择默认字体，wangEditor选择默认大小。
Vue3-wangeditor富文本编辑器的使用
weixin_43791884的博客
12-08 1292
wangeditor-vue3的使用
wangeditor富文本编辑器的使用（超详细）
热门推荐
weixin_44258964的博客
11-23 8万+
wangeditor是一款轻便的富文本编辑器，本文主要帮助大家快速学习使用wangeditor编辑器。
vue中使用wangEditor富文本编辑器（踩坑）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-31 2万+
wangEditor—— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器。 vue富文本 编辑器 总结
VUE入门小项目总结
08-20
利用网易云课堂http://study.163.com/course/courseMain.htm?courseId=1004463009 的源代码，一个简单的项目，来记录总结学习VUE的使用博客见https://blog.csdn.net/qq_16546829/article/details/81867611
vue-vant-template:带有VantUI的Vue移动项目模板
05-20
模板Vue移动端项目模板，组件库项目设置$ yarn install编译和热重装以进行开发$ yarn run serve编译并最小化生产$ yarn run build整理和修复文件$ yarn run lint:fix自定义配置请参阅。
vue小项目之问答类型项目
08-08
使用vue编写的一个关于新成立的公司发展前景问答项目，通过回答一些相关问题，最终分析该公司是否值得付出
Vue全家桶实践项目总结(推荐)
08-28
本篇文章主要介绍了Vue全家桶实践项目总结(推荐)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue的一个实战项目
06-16
vue的一个实战项目，比较适合初学者对原理的理解 也适合有一定项目经验的写法借鉴
vue中引入wangEditor富文本编辑器
weixin_40667613的博客
06-05 1万+
vue中引入wangEditor富文本编辑器 一. 结果图： 二.步骤图（主页面【组件】内容）： 1,先加载wangEditor编辑框加载进你的项目里 使用的npm安装 npm install wangeditor --save 2.html代码： <div class='clearfix'> <!-- 标题 --> <input type=...
【vue】使用wangeditor富文本编辑器
yapeee的博客
09-07 1万+
前言： 本项目需要一个轻量级的，能够显示源码的富文本编辑器。 经查询对比后，选择wangeditor，但是发现wangeditor3（最新版）中没有展示源码的功能，故选择wangeditor2。 wangeditor2使用手册：https://www.kancloud.cn/wangfupeng/wangeditor2/113961 使用方法： 1.下载： 选择npm安装：因为目前默认...
vue中封装wang-editor组件和自定义音频组件
jgs525的博客
07-30 1395
wang-editor.vue <template> <div> <div :id="params.id"> </div> <Audio v-if="audioShow" @uploadAudio="uploadAudio"/> </div> </template> <script> import E from 'wangeditor' import Audio from './audio.vue'
vue中使用富文本编辑器 wangEditor
小白菜的博客
07-05 988
一、 wangEditor 基于javascript和css开发的 Web富文本编辑器， 轻量、简洁、易用、开源免费 http://www.wangeditor.com/index.html （1）、安装 npm install wangeditor 2、封装公用组件 editor.vue <template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar">
vue--图片预览器（vant）+ 安卓返回键处理
Wangdr的博客
03-04 7577
vant的图片预览 运用详解： &lt;div class="img_box" v-for='(item2,index) of item.images' :key='index'&gt; &lt;img :src="item2" alt="" @click="getImg(item.images,index)"&gt; &lt;/div&gt; //图片预览，通过传参的方式把
从零搭建Vue-Vant项目
千月落
12-29 992
在新项目中使用 Vant 时，推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目并安装 Vant。 1.安装 Vue Cli npm install -g @vue/cli 2.创建一个项目 vue create hello-world 3.安装 Vant 2 npm i vant -S main.js 加入下面代码 import Vant from 'vant' import 'vant/lib/index.css' Vue.use(Vant) 4.增加路由模块 vue add r
vue+vant移动项目总结（遇到的问题）
qq_39296854的博客
05-23 262
一、安装失败 sass 卸载 重新安装 二、移动端高斯模糊效果。 加兼容前缀-webkit-backdrop-filter: blur(5px); 三、预览功能 window.open(url),安卓可以预览，ios window.open失效问题。 判断一下，安卓机用window.open,ios 用 window.location.href. navigation(url) { let u = navigator.userAgent // android终端 let isAndroid
关于最近项目中使用vant的一些总结
火腿肠的博客
04-13 840
vantUi是有赞团队开发的一款针对于小程序及手机端的一款UI框架 使用时非常方便 但是其中一些bug也很多 把项目中遇到的坑及小tipes分享一下 供自己记忆同时也分享给大家 好好读文档 好好读文档 好好读文档 !important List 列表 list列表组件完全是全自动的 自动请求、自动删除loading、页面刷新自动更新。。。 总之在list中你只要做两件事： 在请求数据== 数据库数据 时给list一个finished状态 填写你所需要的请求函数 重用list导致的bug 在写如上代码
vue2项目安装vant2报错
最新发布
03-21
在Vue2项目中安装Vant2时，如果出现报错，可能是由于以下几个原因导致的： 1. 版本不兼容：请确保你使用的Vant2版本与Vue2版本兼容。可以查看Vant2的官方文档或GitHub仓库来确认版本兼容性。 2. 安装依赖问题：在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值