我刚开始使用Vue.js并尝试将其合并到我已经构建了一段时间的应用程序中.我的应用程序是使用Laravel,相当数量的jQuery等构建的.
我的应用程序中的所有导航元素都使用AJAX(不是通过Vue)来返回部分视图.因此,任何内部链接或表单提交都通过AJAX提交给返回部分的Laravel路由.
我已经设置了我的第一个Vue实例,但它只在访问者第一次访问使用Vue实例的页面时绑定到该元素.Vue实例仍然存在,但当用户离开页面然后返回时,它失去了它与元素的绑定 - 可能是因为当用户导航时元素已从DOM中删除.
如何让Vue在返回DOM时绑定回元素(通过不由Vue执行的AJAX加载)?
我的main.js(由Elixir/Browserify消费):
window.MaintenanceStatus = require('./components/Status.js');
Run Code Online (Sandbox Code Playgroud)
Status.js
var Vue = require('vue');
Vue.use(require('vue-resource'));
module.exports = new Vue({
el: '#app',
data: {
message: ''
},
ready: function() {
this.message = 'loading ...';
},
methods: {
setMessage: function(message) {
this.message = message;
},
getStatus: function(url, data) {
this.message = 'loading ...';
this.$http.get(url, data)
.success(function(result) {
console.log('Status get success');
this.setMessage(result);
})
.error(function() {
console.log('Status get error');
this.setMessage('Error');
});
}
}
});
Run Code Online (Sandbox Code Playgroud)
消费代码是通过AJAX返回的部分/模板...
@extends('layouts.partials.content')
@section('content')
<div id="app">
<pre>@{{ $data | json …Run Code Online (Sandbox Code Playgroud) 在Foundation 4中是否有适合的日期选择器(如jQuery UI)?我试过http://foundation-datepicker.peterbeno.com/example/example.html,但这不起作用.而且由于Foundation 4想要在jQuery上使用Zepto.js,jQuery UI不会为我加载.
在 Laravel 5.1 TestCase 中,baseUrl 是硬编码的。我想根据我在 .env 中设置的值来设置它。
如何访问 TestCase 类中的 .env 变量?
我正在通过behat为大型Laravel 5项目编写测试。
我在MySQL中有我的MySQL数据库的测试副本,以及该数据库的种子服务器,该种子服务器共享其他环境的一些种子服务器。所有这些都按预期工作。
但是,我尝试切换到使用sqlite内存数据库,因为它将大大加快我的自动化测试的速度,并且因为在每个behat场景开始时我都在运行“ artsian migration:refresh --- seeder = TestDatabaseSeeder”。
我遇到的问题是我的某些种子数据导致sqlite抛出非常无法描述的语法错误,但是MySQL对种子数据完全没有问题。
我认为,理想情况下,我希望它在内存中使用MySQL来提高性能,并保持数据库引擎的一致性。运行测试时,有没有Laravel是否有简单的方法在内存中使用MySQL?一个不涉及以使sqlite满意的方式复制和编辑迁移文件的解决方案?
我正在建立一个汽车维修系统.每辆车都附有一个或多个部件.每个车辆和组件由帐户"拥有".用户可能希望将部件从车辆上拆下并将其放置在架子上以便以后重新连接到相同或另一车辆.该组件包含一个vehicle_id字段,因此分离很容易,我只是将vehicle_id字段置空,并且该组件被有效地"搁置".
我的困难在于找到可附加组件以显示可附接到所选车辆的搁架组件的列表.vehicle_types_component_types表是一个枢轴,用于定义哪些组件类型可以附加到哪些车辆类型.某些组件类型可以安装在多种车型上,每种车型都有一种或多种可以安装的组件类型.
class VehicleType extends Eloquent {
public function ComponentTypes() { return $this->belongsToMany('ComponentType', 'vehicle_types_component_types')->withTimestamps(); }
}
class Vehicle extends Eloquent {
public function Account() { return $this->belongsTo('Account', 'account_id'); }
public function VehicleType() { return $this->belongsTo('VehicleType', 'vehicle_type_id'); }
public function Components() { return $this->hasMany('Component'); }
}
class ComponentType extends Eloquent {
public function VehicleTypes() { return $this->belongsToMany('VehicleTypes', 'vehicle_types_component_types')->withTimestamps(); }
public function Components() { return $this->hasMany('Component'); }
}
class Component extends Eloquent {
public function Account() { return $this->belongsTo('Account', 'account_id'); }
public …Run Code Online (Sandbox Code Playgroud) ajax ×1
behat ×1
datepicker ×1
eloquent ×1
javascript ×1
laravel ×1
laravel-4 ×1
laravel-5 ×1
laravel-5.1 ×1
mysql ×1
pivot-table ×1
sqlite ×1
testing ×1
vue.js ×1