小编viv*_*ino的帖子

Vue.js显式调用转换

我知道在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)

animation vue.js

4
推荐指数
1
解决办法
3525
查看次数

如何在vim中获取路径(或字符串)的尾部

我正在调整我的vimrc,我想在我的航空公司栏中显示我启动vim的文件夹(通常是我的项目文件夹).

正如vim航空公司的帮助所说,我使用let g:airline_section_b = '%{getcwd()}' 但是后来我得到了一条完整的路径,而我想获得最后一个文件夹.

我尝试过:但是不起作用: let g:airline_section_b = '%{getcwd()}:t.它只是显示/home/vivo/myproject:t(虽然我想要myproject)

vim

3
推荐指数
1
解决办法
331
查看次数

phpunit 避免输出被截断

如何避免 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)

console phpunit

3
推荐指数
1
解决办法
1295
查看次数

用vim替换单词边界

我想将对象属性引用转换为数组,如下所示:

$ stuff-> a_property

$的东西[ 'a_property']

我试过了

s/->.*\>/['\0'\]/g
Run Code Online (Sandbox Code Playgroud)

但它给了我

$的东西[ ' - > a_property']

regex vim replace sed

2
推荐指数
1
解决办法
193
查看次数

如何在Laravel中处理DELETE请求

点击删除项链接时出现此错误:

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)

php laravel

1
推荐指数
1
解决办法
1079
查看次数

连续向右对齐的两个Bootstrap按钮

我无法让两个按钮尽可能在面板的右侧对齐。

这是我目前的解决方案的小提琴

<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)

html css twitter-bootstrap

1
推荐指数
1
解决办法
1414
查看次数

标签 统计

vim ×2

animation ×1

console ×1

css ×1

html ×1

laravel ×1

php ×1

phpunit ×1

regex ×1

replace ×1

sed ×1

twitter-bootstrap ×1

vue.js ×1