我知道在Vue.js中进行动画的典型方法,transition="my-animation"在HTML元素上添加.
我想知道我是否可以明确地调用该动画形式代码而不仅仅依赖于v-show/ v-if.
每次点击另一个(B)时,我想"摇动"一个组件(A).为此我使用pulse转换(来自animated.css).
目前,B每次点击都会发送一条消息.
A接收消息并将其属性设置animate为true.然后A感谢,在HTML中:
<div id="A" class="animated"
transition="pulse"
v-show="show"
v-bind:class="{ 'pulse': animate }"
>
Run Code Online (Sandbox Code Playgroud)
一旦它被动画,就不会再这样了,因为A的animate道具已经设置为真.我需要将其重置为false,以便下次单击该组件可能会再次摇晃.
我试过过渡钩子:
Vue.transition('pulse', {
afterLeave: function (el) {
this.animate = false;
},
})
Run Code Online (Sandbox Code Playgroud) 我正在调整我的vimrc,我想在我的航空公司栏中显示我启动vim的文件夹(通常是我的项目文件夹).
正如vim航空公司的帮助所说,我使用let g:airline_section_b = '%{getcwd()}'
但是后来我得到了一条完整的路径,而我想获得最后一个文件夹.
我尝试过:但是不起作用:
let g:airline_section_b = '%{getcwd()}:t.它只是显示/home/vivo/myproject:t(虽然我想要myproject)
如何避免 phpunit 测试输出被截断:
1) Tests\ApiTest::testGetMetricList
GuzzleHttp\Exception\ServerException: Server error: `GET http://localhost/micobe/myproject_p4/index.php/investors/get_metric_list` resulted in a `500 Internal Server Error` response:
<br />
<font size='1'><table class='xdebug-error xe-exception' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr (truncated...)
/var/www/html/landing-myproject-page/vendor/guzzlehttp/guzzle/src/Exception/RequestException.php:113
/var/www/html/landing-myproject-page/vendor/guzzlehttp/guzzle/src/Middleware.php:65
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:203
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:156
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/TaskQueue.php:47
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:246
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:223
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:267
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:225
/var/www/html/landing-myproject-page/vendor/guzzlehttp/promises/src/Promise.php:62
/var/www/html/landing-myproject-page/vendor/guzzlehttp/guzzle/src/Client.php:131
/var/www/html/landing-myproject-page/app/Http/Controllers/ApiController.php:171
/var/www/html/landing-myproject-page/tests/ApiTest.php:31
Run Code Online (Sandbox Code Playgroud) 我想将对象属性引用转换为数组,如下所示:
$ stuff-> a_property
成
$的东西[ 'a_property']
我试过了
s/->.*\>/['\0'\]/g
Run Code Online (Sandbox Code Playgroud)
但它给了我
$的东西[ ' - > a_property']
点击删除项链接时出现此错误:
RouteCollection.php第219行中的MethodNotAllowedHttpException:
在RouteCollection.php第219行
在RouteCollection.php第206行中的RouteCollection-> methodNotAllowed(array('DELETE'))
这是链接:
<a href="{{ url('cats/'.$cat->id.'/delete') }}">
<span class="glyphicon glyphicon-trash"></span>
Delete
</a>
Run Code Online (Sandbox Code Playgroud)
这就是我试图处理它的方式routes.php:
Route::delete('cats/{cat}/delete', function(Furbook\Cat $cat){
$cat->delete();
return redirect('cats')->withSuccess('Cat has been deleted');
});
Run Code Online (Sandbox Code Playgroud)
完成routes.php:
<?php
/*
|--------------------------------------------------------------------------
| Application Routes
|--------------------------------------------------------------------------
|
| Here is where you can register all of the routes for an application.
| It's a breeze. Simply tell Laravel the URIs it should respond to
| and give it the controller to call when that URI is requested.
|
*/
Route::get('/', …Run Code Online (Sandbox Code Playgroud) 我无法让两个按钮尽可能在面板的右侧对齐。
这是我目前的解决方案的小提琴。
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">my panel title</h3>
</div>
<div class="panel-body">
<form action="#" class="form">
<div class="row">
<div class="col-sm-offset-10 col-sm-1">
<button type="submit" class="btn btn-default" id="btn1" name="btn1" value="1">button1</button>
</div>
<div class="col-sm-1">
<button class="btn btn-primary" id="btn2" name="btn2" value="2" type="submit">button2</button>
</div>
</div>
</form>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)