Mr_pets的博客

Vue element 页面转wrod （模版型）

关于swiper 动态加载数据总是显示最后一张的解决办法 这里说明下我遇到的情况，后台返回数据后开始初始化swiper，设置的initialSlide :0,等参数都是没起作用，这主要说下我遇到的情况，和最后的解决方案。 我的情况解决办法为方法1 方法1： 具体参考原博文，请移步这里； 指定v-if为图片数量，当图片数量大于时才生成swiper, 在swiper@6.8.4这个版本无效 在加载完数据后，用transform指定第一页的内容移动一定的距离 //translate3d(-1px, 0px,

vue中的DOM上绑定keyup的enter事件 工作中用到的记录下；有些地方错误的请评论指正 谢谢 <div class="sendMsgBtn" @click="send" @keyup.enter="send">发言</div> <script> mounted() { //回车键发送消息 var _this = this; document.onkeydown = function (e) {

swiper在Vue中出现问题 写在前面：这里遇到的问题是我自己遇到的，不代表有广泛性，所以，如果不是你的问题的解决之道，请勿喷！ 正文： 问题说明： Vue项目中用了一个swiper的轮播，动态加载后台返回的数据，加载页面正常，向左滑动也是正常，向右滑动整个页面就飞没有了。 //这是页面里面的swiper中内容 <div class="swiper-slide" v-for="item in topslide" :key="item.id"> <img :src="it

Vue中引入swiper轮播插件,数据渲染时,发生不滑动的问题！ 写在前面：这个问题不难，但是的确也挺让人想不到，如何处理，这里记录下解决办法 <div id="certify"> <div class="swiper-container"> <div class="swiper-wrapper"> <d...

Vue.js显示数据的时，页面闪现原始代码 写在前面：记录下遇到问题。vue.js页面加载数据时，原始代码会闪现一下 css代码不封 <style type="text/css"> [v-cloak] { display: none; } </style> 在最外层的div上加 v-cloak div id="app" v-cloak> <h1...

nodejs+vue前端报错 These dependencies were not found: 写在前面：nodejs为后台，前端vue 先看下报错 These dependencies were not found: * axios in ./src/main.js * vuex in ./src/store/index.js To install them, you can run...

vue-cli3 mock本地json数据 写在前面：写一个Vue移动端项目练习，需要mock本地的数据 前面说明： vue-cli2和vue-cli3脚手架构建项目，默认生成目录结构不同 vue-cli2 项目结构 mock(存放自己模拟的数据随便取名)文件夹是一个我自己创建的用来存放模拟数据的文件夹，其中有一个或多个json文件，下面我们要对build目录下webpack.dev.c...

vue-cli3中使用express配置本地数据接口 写在前面1：看了一位大佬的，搬到了优快云中，原文参考地址链接请点击这里 如有侵权，请联系删除，谢谢! 写在前面2:用vue-cli3构建基础时候，需要用到express配置本地的接口数据，vue-cli2配置的时候在build文件中的webpack.dev.config.js中进行配置. 1.在项目的根目录中增加mock.js文件，该文件...

vue cli3 关闭EsLint的提示（实测有用） 写在前面：Vue cli3构建的项目，关闭EsLint方法 添加在项目的根目录下添加一个vue.config.js文件添加如下代码，可以关闭Eslint提示 // vue.config.js module.exports = { lintOnSave: false } ...

Vue CLI版本开启一个项目 写在前面：关于安装vue-cli(vue脚手架)，安装新版本前 要先卸载老版本，卸载老版本方法。 关于旧版本：Vue CLI的包名称由vue-cli改成@vue/cli ，如果你已经安装了旧版本的vue-cli（1.x或者2.x）你需要先通过 npm uninstall vue-cli -g 或者 yarn global remove cue-cli 卸载它。...

vue-cli 初始化一个项目后里面的文件的一些说明！ 写在前面：废话不多说，直接上图，这里是vscode的截图 一级目录下的文件说明： 文件夹或文件名 作用说明 build文件夹 这里是webpack相关的一些配置 config文件夹 生产环境和开发环境的一些配置参数 node_modules文件夹 安装的第三方的依赖 src文件夹 写项目的源码 stati...

vue开始一个项目的准备 开始准备一个vue项目的准备工作 前期需要安装必要的node.js和Git Git地址下载:https://git-scm.com/downloads node.js下载:https://nodejs.org/en/ node.js中文下载:https://nodejs.org/zh-cn/download/ 至于如何安装你就下一步下一步就可以了！ 建立一个文件夹...