vue
踩到我裙子了
这个作者很懒,什么都没留下…
展开
-
自定义组件实现v-model
自定义组件实现v-model原创 2022-06-09 22:07:01 · 844 阅读 · 0 评论 -
vue-cli3.x项目使用tinymce富文本编辑器
1.安装依赖包,建议tinymce包安装5.3版本。npm install @tinymce/tinymce-vue@3.2.2 tinymce@5.3.1 -S2.(1)在public新建tinymce,将modules下tinymce的skins文件复制到public/tinymce文件夹下。(2)因为tinymce是引文版的,所以还得引入中文语言包。中文语言包下载地址:zh_CN.js,放到public/tinymce下,和skins同级。(3)富文本中表情包功能需要用到这个文件,将modu原创 2021-11-01 11:00:14 · 498 阅读 · 0 评论 -
vue实现打印功能
打印功能可以自己使用原生js(window.print())实现,其次就是使用插件,介绍两个打印插件一、vue-print-nb:这个插件使用起来便捷,用法如下1.安装npm install vue-print-nb --save2.在main.js文件中注册使用import Print from 'vue-print-nb'Vue.use(Print);3.具体使用方法:(1)直接绑定id方法 (2)绑定对象方法<!--直接绑定id方法--><di.原创 2021-03-13 17:48:05 · 10906 阅读 · 7 评论 -
vue实现聊天界面样式
<div class="chat-content"> <!-- recordContent 聊天记录数组--> <div v-for="(itemc,indexc) in recordContent" :key="indexc"> <!-- 对方 --> <div class="word" v-if="!itemc.mineMsg"> <img :sr.原创 2020-08-19 16:58:10 · 12511 阅读 · 20 评论 -
loaderContext.getResolve is not a function
loaderContext.getResolve is not a function解决vue-cli安装less-loader是报错直接使用命令npm install less less-loader --save dev运行项目时会出现以下报错:loaderContext.getResolve is not a function报错原因:less-loader版本太高解决办法:修改package.json文件:将less和less-loader版本改为上述版本,然后重新npm in原创 2020-05-11 14:10:03 · 14186 阅读 · 5 评论 -
vuex与websocket结合使用实现消息更新推送
项目描述:一个价格实时更新案例。每一次有人出价,服务端推送最新价格,通过websocket拿到最新价格,渲染到前台页面。问题:1.如何在页面刷新后还保持上一次最新价格的显示解决方法:新建文件目录store:并建立各个js文件main.js中引入import vuex from 'vuex'import store from './store'Vue.use(v...原创 2020-01-08 12:05:22 · 3052 阅读 · 2 评论 -
vue获取手机验证码爬坑
贴上代码: <div class="send_code"> <input placeholder="请输入验证码" v-model="userPwd"> <button @click="sendCode" v-show="isShow" style="background-color: red">发送验证码</button>...原创 2019-12-25 11:47:07 · 953 阅读 · 1 评论 -
解决vue中使用swiper无法自动循环播放问题
vue中使用swiper无法自动循环播放首先,使用mockjs生成模拟数据,如下(1)安装swipernpm install swiper(2) 引入swiperimport Swiper from 'swiper'import 'swiper/css/swiper.min.css'(3)在methods里面创建一个swiper初始化函数carouselScroll,关于swi...原创 2019-11-05 16:27:18 · 5504 阅读 · 0 评论 -
vue仿淘宝放大镜插件的使用
1.首先下载PicZoom插件npm install vue-piczoom --save2.使用时注意:原来img标签要改为pic-zoom,并且属性src要改为urlhtml部分代码:<template> <div> <div class="box"> <pic-zoom :url="imgurl...原创 2019-07-04 10:44:26 · 5075 阅读 · 9 评论 -
vue中v-for循环图片路径,图片不显示的解决办法
将imgUrl加上require注意:使用require的时候可能出现错误unresolved function or method require解决办法:原创 2019-03-12 12:53:08 · 11707 阅读 · 4 评论 -
使用v-for出现警告:component lists rendered with v-for should have explicit key的解决办法
原创 2019-03-11 19:27:16 · 1019 阅读 · 0 评论 -
vue搭建脚手架cli
Vue cli脚手架(1)通过的的的的WebPack搭建的开发环境(2)使用ES6语法(3)项目文件在环境中编译而不是浏览器步骤:1.安装的node.js的中验证的node.js的中是否安装成功 电脑搜索框,输入cmd,输入节点-v,查看节点版本号,输入npm -v,查看npm版本号。2.安装VUE #全局安装 npm instal...原创 2018-11-06 19:36:13 · 2026 阅读 · 0 评论