Giter Club home page Giter Club logo

vue-chat's People

Contributors

coffcer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-chat's Issues

怎么弄成动态的

比如说动态添加user,左侧用户列表,以及动态发消息,通过js控制

store.watch

store.watch(
(state) => state.sessions,
(val) => {
console.log('CHANGE: ', val);
localStorage.setItem('vue-chat-session', JSON.stringify(val));
},
{
deep: true
}
);
这里的(val)=>指的是什么呢

是否能够适配手机端H5

博主,我在找一个可以适配手机端H5的前端效果,Vue-chat 的视觉效果非常棒,但是好像不能适配手机端,请问我是否可以自己实现,或者,有没有推荐的 source 我可以用?

build报错

项目下载下来之后,包安装好启动,build报错

vue2

这个能不能运行在 VUE 2.0?
还有我用 LARAVEL 框架 应该怎么引入?

你好,关于text.vue文件语法的问题。

你好,我才开始学vue,对babel也不熟悉。我试图用javascript改写text.vue,内容如下:

<script type="text/javascript"> define(function() { var Vue = require('vue') var text = Vue.extend({ template: "#tp", props: ['session'], data: function() { return { text: '' } }, methods: { inputing: function(e) { if (e.ctrlKey && e.keyCode === 13 && this.text.length) { this.session.messages.push({ text: this.text, date: new Date(), self: true }); this.text = ''; } } } }) return { text: text } }) </script>

浏览器提示“You are setting a non-existent path "text" on a vm instance”错误。
如果去掉define,直接写在script的根标签下,
如下:

<script type="text/javascript"> var Vue = require('vue') var text = Vue.extend({ ... </script>

会报"v-on:keyup="inputing" expects a function value, got undefined"的错误。
能否请您指点一下?

dispatch为什么可以用来提交mutation

请问store.js中的这段代码,为什么mutation是用dispatch在提交呢?
dispatch不是用来分发action的吗?commit才是用来提交mutation的啊。

// store.js
export const actions = {
    initData: ({ dispatch }) => dispatch('INIT_DATA'),
    sendMessage: ({ dispatch }, content) => dispatch('SEND_MESSAGE', content),
    selectSession: ({ dispatch }, id) => dispatch('SELECT_SESSION', id),
    search: ({ dispatch }, value) => dispatch('SET_FILTER_KEY', value)
};

can't run

npm i
npm run dev
will generate error message -> 'Uncaught TypeError: Cannot read property 'bind' of undefined'

与xmpp服务器连接不上

不知博主对于这个框架有没有运用strophe连接xmpp的实例?我整合过来的话xmpp连接不上

会话列表

你好,请问会话列表怎么从外部获取了?

License of the project

Could you please specify a license or terms under which the source code of the project is distributed?

在search 搜索框里输入条件以后, 点击过滤后的头像没有跳转至对应的对话框(Session没有对应)

参见:gif

当我搜webpack时, 虽然过滤了示例介绍的头像, 但是对应的对话框(session)却没有改变

因为在list component 里的select method中, 使用了v-for的$index变量. 但是该变量在使用了过滤器以后导致$index变量发生了变化. 比如在上图的例子中. 示例介绍一开始的$index 是 0 而 webpack的$index是1. 但是在使用了filter以后. webpack 的$index变成0了, 所以对应的对话框(active session) 没有发生变化.

项目作品重构

尊敬的原作者:
您好,在技术社区看到了您的这篇vue框架的作品,个人参考后重新写了一次并发布在github上,鉴于版权问题已经署上了您的原文出处,特此通知,希望能得到您的批准使用,如觉得不便,可联系我删除,最后,再次表示对您的感谢。

链接地址:
https://github.com/is-liyiwei/vue-Chat-demo

npm run build后没有index.html

npm run build后没有index.html,部署到服务器的时候没有index.html,dist文件夹里也没有img,js,css文件夹,这个怎么处理?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.