我在v-on:input指令中传递一个参数.如果我没有通过它,我可以在方法中访问该事件.有什么办法可以在将参数传递给函数时仍然可以访问该事件.不是我使用vue-router:
这是没有传递参数.我可以访问事件对象
HTML
<input type="number" v-on:input="addToCart" min="0" placeholder="0">
使用Javascript
methods: {
addToCart: function (event) {
// I need to access the element by using event.target
console.log('In addToCart')
console.log(event.target)
}
}
这是在传递参数时.我无法访问事件对象
HTML
<input type="number" v-on:input="addToCart(ticket.id)" min="0" placeholder="0">
使用Javascript
methods: {
addToCart: function (id) {
// How can I access the element by using event
console.log('In addToCart')
console.log(id)
}
}
这里有一些代码片段,应该足以复制我遇到的问题
我写了一个带隔离范围的指令.
app.directive('myDirective', function() {
return {
restrict: 'E',
scope {
attr1: '@',
attr2: '@',
noValueAttr: // what to put here?
},
link: function(scope, elem, attrs) {
// how to check here if noValueAttr is present in mark-up?
}
};
});
HTML可能是
<my-directive attr1='...' attr='...' ... no-value-attr>
要么
<my-directive attr1='...' attr='...' >
我想知道如何使用(并使指令检测它是否存在)一个没有赋值的可选属性.谢谢.
在我的时事通讯中看到了这一点.在Chrome和Firefox上测试过.我还是想不出来.
[]+(-~{}-~{}-~{}-~{})+(-~{}-~{}); //=> "42"
我有一个监听器,可以检测数据库上对象位置的变化.它将传递正在更改的对象的所有信息.
我想从当前地图中获取所有标记,并找到受影响的标记.找到后,更新位置.
但是,我仍在寻找从地图中获取所有标记的最佳方法,然后我可以更新位置.
var map = L.map('map').setView([37.78541,-122.40787], 13);
var markers = new L.FeatureGroup();
var mapLink =
'<a href="http://openstreetmap.org">OpenStreetMap</a>';
L.tileLayer(
'https://{s}.tiles.mapbox.com/v4/examples.map-i87786ca/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiZ2Vja29iIiwiYSI6IndzVjRGN0kifQ.lToORsjE0lkt-VQ2SXOb-Q', {
attribution: '© ' + mapLink + ' Contributors',
maxZoom: 18,
}).addTo(map);
var marker = createCircleMarker([44.977368, -93.232659]);
marker._id = "69"; // Id of the marker
map.addLayer(marker);
var socket = io();
socket.on('update location', function(obj) {
// Get all markers and find markers with attribute obj.name to
// update the location to [obj.lat,obj.lon]
});
我在底部使用负边距来拉相邻元素以重叠当前元素。我的目的是让它重叠。但我希望整个 div 重叠在图像上方。但是，事实证明它也删除了被拉元素的背景。有人可以解释一下吗？
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<style>
.div1 {
background-color: black;
}
img {
margin-bottom:-20px;
}
</style>
<div class="container">
<div class="row">
<div class="col-xs-4">
<img src="http://placehold.it/200x300" alt="">
<div class="div1">
Here is example text
</div>
</div>
</div>
</div>
</body>
</html>http://jsbin.com/mejoci/edit?html,css,output
编辑：当元素被定位（固定|相对|绝对）但不是静态位置时它有点工作，即使没有设置位置也是默认位置。
我有多个圆圈并试图用一条线连接所有圆圈 div。所以，它应该是连接第一和第二和第二和第三的两条线。该线应与圆心对齐。
我试图使行相对并放置一个hr绝对位置，但结果效果不佳。
我不确定实现它以响应式工作的最佳方法
.circle {
width: 49%;
padding-bottom: 49%;
border-radius: 50%;
background-color: purple;
display: inline-block;
}
.container .row .col-xs-4 {
padding-right: 0;
padding-left:0;
margin-left: 0;
margin-right: 0;
border: 1px solid black;
text-align: center;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-xs-4">
<div class="circle"></div>
</div>
<div class="col-xs-4">
<div class="circle"></div>
</div>
<div class="col-xs-4">
<div class="circle"></div>
</div>
</div>
</div>在Laravel 5.2.31及更高版本的此更改之后,所有路由app/Http/routes.php都属于Web中间件组.
在 RouteServiceProvider.php
protected function mapWebRoutes(Router $router)
{
$router->group([
'namespace' => $this->namespace, 'middleware' => 'web',
], function ($router) {
require app_path('Http/routes.php');
});
}
问题:
web中间件定义路由集的最简单/最好的方法是什么？其中一个用例是,声明无状态api的路由,没有会话中间件属于Web组中间件
我正在尝试调试我的应用程序,并且我使用Logfacade的日志语句很少.现在,我运行应用程序artisan serve,它会将日志消息写入日志文件并获取我运行的实时日志消息.
tail -f laravel.log
有什么办法可以直接将日志消息打印到正在运行的同一个控制台/终端php artisan serve吗？
我在其中输入了v-on:change指令来调用我在Vue对象中声明的一些方法.但我意识到每当值发生变化时调用方法都会有延迟.
我在这里转载它:
HTML
<div id="demo">
<input type="number" min=0 v-on:change="change">
<p>{{num}}</p>
</div>
使用Javascript
var data = {
num:0
}
var demo = new Vue({
el: '#demo',
data: data,
methods: {
change: function(event) {
console.log(event.target.value);
this.num = event.target.value;
}
}
})