草庐IT

vue-grid-layout

全部标签

javascript - 在 vue 路由器中更改主体样式

我正在使用Vuerouter有两页:letroutes=[{path:'/',component:require('./components/HomeView.vue')},{path:'/intro',component:require('./components/IntroView.vue')}]这很好用,只是我的每个组件都有不同的主体样式:HomeView.vue:Thisisthehomepage!exportdefault{}body{background:red;}IntroView.vue:Introductionexportdefault{}body{backgroun

javascript - Vue.js 全局事件总线

我正在尝试创建一个全局事件总线,以便两个同级组件可以相互通信。我四处寻找;但是,我找不到任何有关如何实现的示例。这是我目前所拥有的:varbus=newVue();Vue.component('Increment',{template:"#inc",data:function(){return({count:0})},methods:{increment:function(){varincrement=this.count++bus.$emit('inc',increment)}}})Vue.component('Display',{template:"#display",data:f

javascript - Vue.js:v-for 完成后的事件

我正在尝试使用Vue.js构建一个简单的聊天应用程序。我的问题是在写新消息时消息区域需要滚动到底部。我使用v-for指令循环遍历消息。v-for更新DOM时是否有事件?我已经做到了让消息区域div监听组件的消息数组。我尝试在将消息附加到数组的同一函数中将消息区域div的scrollTop设置为99999。但问题是v-for没有完成更新DOM,因此它不会滚动到正确的点。 最佳答案 我遇到了类似的问题,但我使用vue.nextTick()采取了不同的方法。我需要确保v-for已完成渲染,因为该组件不会立即重新渲染,它将在队列为空时的下一

javascript - Vue单元测试报错: vuex requires a Promise polyfill in this browser

我使用vue-cli创建了一个项目,并在其中添加了vuex和vue-router。我正在尝试为其设置单元测试,但出现以下错误。没有Vuex,它曾经可以工作。PhantomJS2.1.1(MacOSX0.0.0)ERRORError:[vuex]vuexrequiresaPromisepolyfillinthisbrowser.atwebpack:///~/vuex/dist/vuex.js:145:0以下是相关的包版本:"babel-core":"^6.0.0","babel-eslint":"^7.0.0","babel-loader":"^6.0.0","vue":"^2.1.0"

javascript - Vue.js v-html contenteditable 防止 dom 刷新以防止光标/插入符跳转

作为引用,我使用的是Vue2.0、Vuex和Firebase。我正在构建一个contenteditable组件,使用v-html绑定(bind)来呈现innerHTML。数据在KeyUp上更新。每当数据更新时,DOM元素都会用"new"数据刷新,导致插入符号/光标跳回到内容可编辑的div的开头。我研究了Rangy和其他一些stackoverflow解决方案,但我觉得最简单的解决方案是从数据刷新中解除绑定(bind)DOM元素。我希望数据仍然在firebase中更新,但不会导致元素刷新。有没有办法让我仍然使用v-html但阻止DOM元素随数据刷新?还是有另一种方法可以在不自动绑定(bin

javascript - ExtJS 4 : grid: cell editing: auto edit feature 需要的建议和帮助

我搜索了与ExtJS相关的问题,但没有找到任何引用,但如果我错过了,请提前提出重复问题。我想寻求一些关于如何制作ExtJS4网格的帮助:单元格编辑:自动编辑功能——我的意思是,我想在按下一个键时进入单元格编辑模式(例如,通过按“123”在突出显示的单元格中,文本将替换(如果有的话)为“123”)。目前可以通过按回车键或点击鼠标进入单元格编辑模式。作为基础,我正在使用Sencha提供的示例:http://dev.sencha.com/deploy/ext-4.0.2a/examples/grid/cell-editing.html如有任何提示和指点,我们将不胜感激。提前致谢!:)实际上我

javascript - 嵌套的 vue.js 实例/元素

这听起来像是一个真正的菜鸟问题,但我对MVVM还是JS中的MVC还是很陌生,所以提前道歉。我正在尝试使用vue.js,到目前为止我很喜欢它的简单性。但对于我正在尝试做的事情,我认为我需要以不同的方式去做。我想将Vue实例/元素嵌套在彼此内部,但是当然,父级将在初始化时读取DOM时使用子级。为了论证,下面是我的意思的一个例子,我没有做这样的事情,但这是举例说明我的意思的最简单的方法:{{message}}{{message}}例如我的JS将是:newVue({el:"body",data:{message:"I'mtheparent"}});newVue({el:"#another",d

javascript - ExtJs grid.Panel 存储 : keep scrollbar position after load/reload

我在SenchaExtJs4.0.2a中使用grid.Panel,我每60秒重新加载一次Json存储。我想知道是否有一种方法可以在数据加载后保留滚动条的位置。以便用户可以继续查看加载前正在查看的记录..我使用任务重新加载网格中的数据:vartask={run:function(){Ext.getCmp(panelGridId).getStore().load({//Callbackfunctionafterloadedrecordscallback:function(records){//Hidegridifemptyrecordsif(Ext.isEmpty(records)){Ex

javascript - Vue 模板或渲染函数尚未定义,但我两者都没有使用?

这是我的主要javascript文件:importVuefrom'vue'newVue({el:'#app'});我的HTML文件:使用运行时构建的Vue.jsWebpack配置:alias:{'vue$':'vue/dist/vue.runtime.common.js'}我仍然遇到这个众所周知的错误:[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.(foundinrootinstance)为什么当我在挂载Vue的#appdiv中什至没有任何东西时,我仍然收到渲染/模板错误?它说foundinroo

javascript - Angular ui-grid 事件 : row selected

我正在尝试根据用户界面网格上一行的选择来启用/禁用按钮。如果未选择任何行,则该按钮将被禁用。我找到了这个plunkr使用旧的ng-grid方式在选择一行后触发事件。$scope.gridOptions={data:'myData',selectedItems:$scope.selections,enableRowSelection:true,afterSelectionChange:function(){if($scope.selections!=""){$scope.disabled=false;}else{$scope.disabled=true;}}};不幸的是它不起作用,我在u