vue
顽石⚡
这个作者很懒,什么都没留下…
展开
-
vuex不同模块之间的actions怎么调用
AddFriendsTask({ rootGetters, dispatch, commit }, addFriendForm) { let content = { TaskId: addFriendForm.taskId // 任务Id } dispatch('nedb/AddOrUpdateAddFriends', co...原创 2020-03-30 16:16:56 · 1088 阅读 · 0 评论 -
vue js文件中查询当前页面的route
import router from '../router'console.log(router.currentRoute)原创 2019-10-30 14:17:32 · 1998 阅读 · 0 评论 -
vue v-text 使用filters
template <div v-text="$options.filters.transform(message.UpdateTime,currentDay)"></div>filtersfilters: { transform (time, currentDay) { let nt = Number(time) let dat...原创 2019-10-18 12:32:58 · 331 阅读 · 0 评论 -
vue ctrl+enter 实现换行
模仿微信enter发送 ctrl+enter 换行template 核心是@keyup.enter.exact 和 @keyup.ctrl.enter<textarea v-if="message.contentType === 1" @keyup.enter.exact="sendMessage" @keyup.ctrl.enter="lineFeed()" class="te...原创 2019-05-06 16:30:38 · 2595 阅读 · 2 评论 -
vuejs 实现点击复制
注意 select() 方法只对 和 有效template<textarea v-if="qrcodes[wechat.WeChatId]" :title="qrcodes[wechat.WeChatId]" :id="wechat.WeChatId" v-text="qrcodes[wechat.WeChatId]" readonly></textarea&...原创 2019-05-06 15:27:52 · 471 阅读 · 0 评论 -
vue 鼠标右键 事件
template<div @click.right="rightEvent(friend)"></div>js // 鼠标右键rightEvent (friend) { console.log('点击右键')}原创 2019-05-08 14:53:36 · 7626 阅读 · 1 评论 -
Property or method "deleteFriend" is not defined on the instance but referenced during render.
如题报错原因方法写道methods外面了!!原创 2019-05-08 11:31:37 · 1183 阅读 · 2 评论 -
vuex getters中的数据改变 但是页面不刷新
在你的store的modules的js文件中// 重点import Vue from 'vue'const state = { friendsMap: {}}// gettersconst getters = { friendsMap: state => state.friendsMap}// actions// let db = getters.dbco...原创 2019-04-24 12:22:55 · 1268 阅读 · 0 评论 -
vue 按钮固定在某个位置
我是左右滑动原理是@scroll,直接上代码template<div id="wechats" class="wechat-list" @scroll="scrollChange()"> <div class="wechat“>你的内容</div> <div id="chooseBtn" class="wechats-button...原创 2019-04-28 11:51:18 · 3549 阅读 · 0 评论 -
vue 退出登陆时清空store中数据
想实现退出登陆时 清空store中的数据方法一 缺点是会白屏一下window.location.reload()参考链接方法二logout () { this.isRouterAlive = false this.$nextTick(function () { this.isRouterAlive = true })}参考链接...原创 2019-04-23 14:31:25 · 8216 阅读 · 0 评论 -
vue video src改变 页面不刷新
bug重现 src改变了 但是页面死活不刷新<div class="circles-video" v-if="circle.content.Video" :title="circle.content.Video.Url"> <video class="video" controls> <source :src="getVideoUrl(circle)" t...原创 2019-04-02 20:34:54 · 1239 阅读 · 0 评论 -
electron-vue can't resolve 'fs'
bug:使用electron-vue开发pc桌面应用,后来想放在线上npm run build:web就会报错解决办法:webpack.web.config.jstarget: 'electron-renderer' // target: 'electron-main' // target: 'web'原文...原创 2019-04-08 16:05:58 · 2817 阅读 · 1 评论 -
vue object添加新元素不会更新
下面这样添加是不会更新的data () { return { allFriends: {} }},methods:{ chooseWechat (wechat) { // 下面这种写法不会热更新 // this.allFriends[wechat.WeChatId] = this.groupFriendsList //...原创 2019-04-11 15:29:11 · 361 阅读 · 0 评论 -
vue 解析 .m4a
要用video <video controls> <source :src="你的url" type="video/mp4"> </video>原创 2019-04-01 19:48:47 · 851 阅读 · 0 评论 -
vuex this.$store.getters 获取组件的变量
this.$store.getters[组件/变量]this.$store.getters[chats/allChats]原创 2019-03-18 19:42:35 · 7062 阅读 · 1 评论 -
win10 配置node环境
从官网下载zip包 ,官网地址解压到任意文件夹我的电脑 > 右键 >属性 >高级系统设置 > 环境变量 > 系统变量 > path > 新建 > 你的地址 打开cmd, 输入node -v 回车;输入npm -v 回车...原创 2019-05-14 09:36:15 · 329 阅读 · 0 评论 -
vue name 判断是否是想要的页面
js 给页面取个nameexport default { name: 'GroupChat', data () { return { current: 0 } }}获取当前页面的namethis.$options.name// 应用场景watch: { currentWechat (val) { if (this.$options.name === 'G...原创 2019-05-15 17:29:59 · 337 阅读 · 0 评论 -
v-html中 scss scoped 样式生效
方法一 :混用本地和全局样式<style> /* 全局样式 */</style><style scoped> /* 本地样式 */</style>方法二:深度作用选择器/deep/ .play-video { color: green; position: absolute; ...原创 2019-09-27 11:37:30 · 328 阅读 · 0 评论 -
vue 计时器
datadata () { return { clock: 3 } },mounted let timer = window.setInterval(() => { this.clock-- console.log(this.clock) if (this.clock <= 0) { co...原创 2019-08-27 14:38:25 · 361 阅读 · 0 评论 -
vue 动态生成component
<script>import { mapGetters } from 'vuex'import Vue from 'vue' // 核心代码export default { name: 'DialogPage', data () { return { } }, created () { console.log(`创建${this.$opt...原创 2019-08-09 19:54:50 · 449 阅读 · 0 评论 -
vue 在页面中引用package.json中的参数
如footer.vuedata () { return { version: require('../../../package.json').version } }<template> <div id="footer"> @ 2016-2019 <span @click="openUrl()">聚播科技...原创 2019-07-11 15:04:25 · 1237 阅读 · 0 评论 -
electron-vue ipcRenderer传参ipcMain
*.Vue<template> <div id="wrapper"> <input type="search" name id="search-content" v-model="content" /> <label for="search-content" @click="openbaidu(content)">百度爬虫<...原创 2019-07-04 10:43:16 · 4616 阅读 · 0 评论 -
vue focus和blur事件,改变选中时搜索框的背景色
template<div class="search-box" ref="searchBoxOfChatRoom"> <i class="fa fa-search" aria-hidden="true"></i> <input ref="searchOfChatRoom" class="chatroom-search" type="sea...原创 2019-06-27 15:59:16 · 9655 阅读 · 0 评论 -
electro-vue自定义最大化 还原 最小化 关闭
直接上源码vue _> scriptimport { ipcRenderer } from 'electron'windowOperation (index) { switch (index) { case 1: console.log('最小化') ipcRenderer.send('windowOperation', '1') break case 2...原创 2019-06-18 11:27:28 · 765 阅读 · 0 评论 -
electron-vue 默认关闭devTool
路径 src_> main _>index.jsmainWindow.webContents.closeDevTools()原创 2019-06-17 16:49:47 · 3451 阅读 · 2 评论 -
electron-vue 修改toolbar icon打包后不显示
icon 放在static/img/*.icoimport path from 'path' mainWindow = new BrowserWindow({ height: 700, width: 1000, minHeight: 700, minWidth: 1000, useContentSize: true, title: '聚播微信客...原创 2019-06-04 17:43:50 · 989 阅读 · 0 评论 -
Module build failed (from ./node_modules/css-loader/index.js)
qqface.scss@for $i from 1 through 3 { .item-#{$i} { width: (20px * $i); }}报错./src/renderer/styles/qqface.scss (./node_modules/css-loader!./src/renderer/styles/qqface.scss)Module build fa...原创 2019-06-10 20:54:44 · 20454 阅读 · 3 评论 -
vue聊天置底
mounted () { let sh = document.getElementById('output').scrollHeight let ch = document.getElementById('output').clientHeight document.getElementById('output').scrollTop = sh - ch }原创 2019-06-06 15:22:26 · 543 阅读 · 0 评论 -
electron-vue build后打开调试
在main > index.jsimport { app, BrowserWindow, globalShortcut } from 'electron'app.on('ready', () => { if (mainWindow == null) { createWindow() } globalShortcut.register('CommandOrCo...原创 2019-05-16 19:11:47 · 2496 阅读 · 0 评论 -
Windows 10 build Error !include: could not find: ****StdUtils.nsh"
electron-vuenpm run build 报错原因:路径中不能有中文,不要放在桌面原文原创 2019-05-21 14:33:02 · 1025 阅读 · 0 评论 -
vscode vue中html不会自动补全
下载好mithril emmet首选项设置settings.json "emmet.includeLanguages": { "wxml": "html", "vue-html": "html", "vue": "html" },原创 2019-03-15 13:48:25 · 3679 阅读 · 0 评论 -
emoji unicode码转string
emoji表情:原创 2019-03-07 09:24:40 · 1253 阅读 · 0 评论 -
vue scroll 判断到底部
直接上js代码,把mycircle改成你自己参数 let sh = document.getElementById('mycircle').scrollHeight let st = document.getElementById('mycircle').scrollTop let ch = document.getElementById('mycircle').clientHeight ...原创 2019-03-06 14:43:42 · 1526 阅读 · 0 评论 -
vue 点击时间触发父级事件
在@click=“addClass(index)” 加个stop@click.stop="addClass(index)"原创 2018-11-13 14:33:30 · 1065 阅读 · 0 评论 -
vue 消息显示几秒后隐藏
template<template> <div id="anwser"> <form @submit.prevent="submit" novalidate="true"> <textarea name="" id="" cols="30" rows="10原创 2018-11-06 14:42:15 · 9060 阅读 · 0 评论 -
Duplicate keys detected: '0'. This may cause an update error.
错误原因一个template中有两个一样的v-for<div class="info" v-for="(item, index) in currentFriend.content" :key="index"> <div class="d1"> <p v-text="item.time" class=&qu原创 2018-11-06 09:42:23 · 101288 阅读 · 10 评论 -
vue v-model 实现全选/全不选
template重点是input 的v-model<ul> <li class="m-title"> <div class="s1" @click="allCheck" title="点击全选">全选</div> <div cla原创 2018-10-26 11:55:40 · 714 阅读 · 0 评论 -
vue localStorage 实现记住密码
html<div class="flex-container"> <form @submit.prevent="submit" novalidate="true"> <div id="welcome">欢迎使用聚播微信客服系统</div> <div class="原创 2018-10-23 12:02:07 · 2397 阅读 · 4 评论 -
vue 实现奇偶行背景交换
css.bc { background-color: white;}.bc2 { background-color: gray;}template<li class="m-title2" :class="{bc2:index%2===0,bc:index%2===1}" v-for="(item, index) in mobiles" :key="index">...原创 2018-10-25 16:06:44 · 1449 阅读 · 0 评论 -
batch脚本将proto文件转化为js
要进入proto的文件夹打开cmd输入dir *.proto > aj.text打开aj.text 删除多余的空行和没有的行(不含文件名的行)新建一个demo.bat@Echo OffSetlocal Enabledelayedexpansionset fn=aj.textREM for /f "skip=1" %%i in (%fn%) do (ajREM for /...原创 2018-10-17 10:26:28 · 534 阅读 · 0 评论