随笔分类 - vue
摘要：1.dom <!-- 地图 --> <div class="map"> <chart class="map-chart" ref="worldMap" auto-resize :options="mapOption" style="width: 100%;height: 100%; margin:a
阅读全文
摘要：1.上面是点击的部分，可自定义，下面是我项目的内容部分，下面的代码是功能部分的代码，去掉了不必要的部分记录。 代码：这部分，要注意的是样式。 <ul class="newslist"> <li v-for="(items, index) in proLists" :key="index"> <p @
阅读全文
摘要：1.下载ttf文件，保存到assets/css/font里面，在css下面新建font.css。 2.font.css内容：在这，有些ttf的格式可能不对，在项目中用不了，我一般去https://www.fontke.com/tool/convfont/这里转换一下，可直接复制css代码到font.
阅读全文
摘要：在nuxtjs中使用quill富文本编辑器的时候遇到了一些问题，在此记录 1.下载 npm i quill --s npm i vue-quill-editor --s 2.在plugins下面新建文件vue-quill-editor.js写入以下内容，主要是用了自定义的工具栏 import Vue
阅读全文
摘要：一、nuxt框架是一个前端框架，这个框架我的理解就是有利于seo，就是在被人百度的时候，会优先搜索到这个框架的网站。 二、主要问题： 1.登录 主要是在页面要先进行一些验证，数据请求的时候，必须携带正确的token才能请求数据，于是涉及到token的保存，需要通过接口获取到用户信息和token，再保
阅读全文
摘要：1.egg.js官网只推荐了mysqle，要用mongodb得另找资料。通过查找，大家都在用Mongoose连接，于是乎学习。 网站链接：https://www.npmjs.com/package/egg-mongoose 2.第一步：安装 3.配置 安装完成之后在目录/config/plugin.
阅读全文
摘要：1.需要实现的效果如下图，在点击提交的时候再提交file数据，和其他数据统一上传，我把file转换成了base64的格式，可以再上传之前显示缩略图 2.代码分析 action属性值为"#" 增加了:http-request="httpRequest"方法 解释： http-request 覆盖默认的
阅读全文
摘要：在methods中的方法 不知道为什么重点的地方上不了色了
阅读全文
摘要：1.需求： 在使用搜索功能时候，只显示搜索到的panel并且将搜索到的含有该专家的panel展开，如图 在使用搜索功能时候，只显示搜索到的panel并且将搜索到的含有该专家的panel展开，如图 1.html，注意黄色部分，作为每个panel的key值，要唯一 2.搜索功能的代码
阅读全文
摘要：1.对于后台返回的数据中含有html标签需要解析成html格式 数据格式： 在html中解析: 2.使用pre标签 样式white-space: pre-line 加上才会换行
阅读全文
摘要：最近做项目，一页图片很多，加载的时候效果很差。 通过学习借鉴其他大神的方法，使用了插件vue-lazyload，使用这个插件，界面更美观了，加载的效果好起来。 安装 在main.js中加入下面代码 我在项目中的使用：
阅读全文
摘要：1.html 通过外层的div来给img对应的class,隐藏的img是得到img图片请求回来时的原始尺寸。外层div是固定大小，因此，图片有两种情况去适应外部div的尺寸。一种是宽度大于高度的情况，一种是高度大于宽度的情况。 curSource.src是动态请求的img路径 2.methods中
阅读全文
摘要：这组件好像有问题，不知道是我们项目环境造成的还是什么，初始化半星不能正常显示，显示的全星。 1.template 2.在data中设置星星的数量绑定 3.methods 可以通过on-change触发星星改变事件
阅读全文
摘要：需求：在vue中使用v-for循环出来的元素，设置动态id，之后获取下面的所有textarea标签 template: methods: creat中：
阅读全文
摘要：1.效果图 2.数据是动态获取的，因此存在一个异步的问题，解决的思路是数据获取到渲染在textarea中以后，获取文字的真实高度，然后把这个高度给textarea 3.具体代码以及步骤 （1）再created中调用，async是解决异步的一个机制 （2）methods中的js （3）html，是在t
阅读全文
摘要：效果图 1.html 2.让span居中，外层div的position:relative
阅读全文
摘要：1.div应该放在body里面，这是我放在body中的一个div里面的div 2.效果图：移动到红色剑头的区域显示对应的消息 3.鼠标事件 methods里面的代码
阅读全文
摘要：1.我的项目结构，需要在Daily.vue中引入daily.js中的json数据 2.把json数据放入一个js文件中,用exports导出，vscode的json格式太严格了，很多数据，调了一个多小时的格式................. 例如:daily.js 2.在Daily.vue文件中引
阅读全文
摘要：1.做表格的修改，把整条数据传到模态框做修改，但是出现模态框改变数据没有保存时，表格的数据也会跟着改变，我想实现保存以后表格数据才会改变的功能。 html:使用item整条数据都上传过去了，在updata(item)方法中修改 2.js 使用了Object.assign()针对的是对象 Object
阅读全文
浙公网安备 33010602011771号