小编Yog*_*ale的帖子

是否有任何vue插件可以使我们<style/>在单个文件组件的 side 标签中使用模板变量，例如

<template>

    <div>{{ display }}</div>

</template>


<script>

    export default {
        data(){
            return { display: 'block' }
        }
    }

</script>


<style>
    body {
        display: {{ display }}
    }
</style>

任何更好的方法/插件来做到这一点？

我已经知道:style和:class

我已经申请ng-model-options上input有如下配置

ng-model-options="{updateOn:'default blur',debounce:{default:1000,blur:0}}"

并且根据应用的配置,ng-model-options我期待事件的更新ng-model's值,ng-blur但尽管已0为blur事件设置了debounce值,但它不会返回新值.

*注意:只有当用户在default去抖动时间内聚焦时才会出现此问题,即1000

HTML:

<input type="text" ng-model="myname" ng-blur="onBlur(myname)" ng-model-options="{updateOn:'default blur',debounce:{default:1000,blur:0}}">
<input type="text" ng-model="output"/>

JS:

$scope.myname = "Yogesh";
$scope.output = "";
$scope.onBlur = function(a){
   $scope.output = a;
}

Plunker链接:https://embed.plnkr.co/XJMUUD/

为什么去抖不起作用？如果我做错了,请纠正我!

提前致谢 :)

我也给出了我的问题的答案!让我知道它的使用灵活性以及它如何有助于减少事件摘要周期.