草庐IT

vue指令

全部标签

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - 指令链接中的 $watch 表达式与 Controller 函数之间的区别?

我见过这两种方式;在指令Controller中创建scope.$watch与链接函数之间有什么区别? 最佳答案 两者之间没有真正的区别。事实上,$watch表达式可以从Controller和指令访问,无论它最初定义在哪里,因为它们共享相同的$scope。话虽如此,指令中定义的$watch与Controller中定义的目的完全不同。 关于javascript-指令链接中的$watch表达式与Controller函数之间的区别?,我们在StackOverflow上找到一个类似的问题:

javascript - Vue 组件 Vue-Instant

我刚刚安装了vue-instant来为搜索提供自动建议并获得这样的示例代码https://jsfiddle.net/santiblanko/dqo6vr57/我的问题是如何将组件'vue-instant':VueInstant.VueInstant移动到像这样的新Vue组件:Vue.component('vue-instant-component',{//vue-instant}我试过这样的:Vue.component('vue-instant',{data:{value:'',suggestionAttribute:'original_title',suggestions:[],se

javascript - 指令回调和范围

我正在尝试围绕angularjs中的范围进行思考,尤其是在调用使用指令的模块上的回调时。我发现了3种不同的方法来完成同一件事,我正在尝试了解每种方法的优缺点。Giventhisplnkr什么时候使用&、=或者直接在parent上调用函数合适?我更喜欢使用“=”符号进行绑定(bind),因为指令和托管指令的模块中需要的代码较少,但是accordingtothedocumentation(理解Transclusion和范围)似乎使用&绑定(bind)到回调是首选方法,为什么? 最佳答案 好问题。应该首先从尝试分离您的关注点的Angula

javascript - 用于从递归指令生成的菜单结构的 AngularJS 多级下拉菜单

我这里有一些泡菜。我必须从网络服务调用中获取我的多级导航菜单。由于我的导航菜单中可以包含无限数量的子菜单,因此我不得不使用递归指令来构建我的父/子导航结构。现在我想弄清楚如何把它变成一个功能性的下拉菜单结构。我正在看angularui-bootstrap,他们有一个DropdownToggle,它有一些基本的下拉菜单功能,但是因为我使用了递归指令我的菜单结构已经有angularjs生成的css附在他们身上的类(class)。angularjs-bootstrap下拉菜单有与我的angularjs生成的类不同的css类....看!Clothes0-->GortexJackets0-->.

javascript - 在 AngularJS 指令中初始化 Zurb Foundation 5

我创建了三个plunkr来说明我的问题。我正在尝试创建一个AngularJS指令,它将初始化基础并将必要的javascript应用于加载的模板。起初我试图使用ngInclude将Foundation5导航栏添加到我网站的所有页面。当html直接应用于部分时,顶部栏按预期工作。当在指令中添加html时,例如ngInclude,顶部栏将失去其所有功能。我怀疑这是因为在指令添加模板后基础没有得到初始化。作为解决方案,我创建了一个自定义指令来初始化基础并编译html模板。以我的方式初始化基础会卡住应用程序。有人对此有解决方案吗?尝试在不借助AngularUI的情况下实现这一目标。示例1:HTM

javascript - 具有自定义属性的angularjs自定义指令

我是angularjs的新手,我不知道这是否可行以及如何实现它。我想创建一个带有Controller的自定义指令,该Controller使用通过属性传递给它的信息。这是我想要实现的一个非工作示例:HTML应该如下所示:和js:varapp=angular.module('test',[]);app.directive("customDirective",function(){return{restrict:'E',scope:???,controller:function(){console.log("printattributesvalue:"+attr1+","+attr2);}}

javascript - 在执行链接函数之前获取父指令中的子指令数

当使用一个指令和多个子指令(使用require)时,有什么方法可以知道将执行多少个子指令?每次执行子指令时(在链接函数中),我都可以计算。但是我希望父指令知道在执行子指令的最后一个链接函数之前有多少个子指令。我需要知道,因为当最后一个元素从子指令传递到父指令时我需要一些特定的行为.. 最佳答案 您可以利用链接分两个阶段完成这一事实。您可以先在“链接前阶段”注册所有child,然后在“链接后阶段”,您可以访问所需的信息。p>.directive('parent',function(){return{controller:functio

javascript - vue webpack 模板(通过 vue-cli)以后会变得更容易使用吗?

背景开始一个新的vue.js(2.0)项目。我在其他项目(vuejs-templates/webpack)中使用过vue-cli,发现在进行任何类型的更改时都很难掌握构建过程。最重要的是,webpack因缺乏文档而臭名昭著,因此即使对构建过程进行微小的调整也需要大量工作。总的来说,我相信我同时了解webpack和vue-loader。不过,我仍然很难全面了解vuejs-templates/webpack。问题我正在考虑为这个应用程序滚动我自己的webpack配置,但我担心我最终会得到一个与当前vuejs-templates/webpack一样大的构建过程。我的计划是从vuejs-tem

javascript - Vue router 路由的安全性

我现在正在学习Vue2周,但我找不到这个关于路由安全性问题的答案。当我在Vue中使用元字段和路由守卫保护路由时,就像在考试中一样,我想知道客户端如何才能看到组件仍然存在。constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{requiresAuth:true}}]}]})router.beforeEach((to,from,next)=>{//checkifauthenticatedbyjwtfromstoreo