草庐IT

vue-element-plus-admin

全部标签

javascript - 设置实用程序类并在 vue 组件中使用它

我正在开发的一个vue应用程序目前有很多与日期函数相关的代码冗余。为了减少这些冗余,我想创建一个如下所示的实用程序类,导入它并将其设置为组件内的Vue数据属性,这样我就可以在其中调用日期函数。我不确定实现它的最佳方式。当前的实现导致错误提示TypeError:this.datesisundefined,我的目标不仅是解决此错误,而且还使用最佳标准在Vue环境中创建/使用该类。导入工具类importDatesfrom"./utility/Dates";...组件constcontactEditView=Vue.component('contact-edit-view',{data(){r

javascript - 如何使表格行可点击并展开行 - vue.js - element-ui

我正在使用具有可扩展行功能的表格。单击展开图标时该行会展开,您可以查看示例HERE.但是,我想要做的是,entirerow可点击和切换展开和折叠行就像点击展开图标时一样。请帮忙。这是我的标记:el-table(:data="tableData")el-table-column(label="EmployeeName",prop="userName")el-table-column(label="CompanyName",prop="companyName")el-table-column(type="expand",align="right")template(slot-scope="

javascript - 如何将项目推送到 Vuejs 中数据对象的数组中? Vue 似乎没有在看 .push() 方法

我正在尝试将对象添加到我在Vue实例数据对象中声明的数组中。我可以在状态的购买对象中设置值,但是当我将数据推送到订单队列数组时,不会填充空数组。正在触发函数,但数组没有更新。这是我的表格:@csrfProduct@foreach($productsas$product){{$product->name}}@endforeachSelectaproductQuantityProductquantityadd  QUEUE这是我的javascript:require("./bootstrap");window.Vue=require("vue");Vue.compone

javascript - 如何从 .vue 文件中导出多个对象

我在Vue中使用typescript。对于这个特定的用例,我想从我的.vue文件中导出多个项目。像这样://FooBar.vue...exportclassFooextendsVue{foo:string="foo";}exportconstBar={bar:"bar"};然后像这样导入它们://巴兹.vueimport{Foo,Bar}from'FooBar.vue';@Components({components:{Foo}})...//restofthecode有没有办法从Vue中的.vue文件导出多个对象? 最佳答案 在你的

javascript - NativeScript Vue - 基于用户登录状态的条件激活

我正在使用NativeScript-Vue。我有一些protected页面(仅限成员(member))。我在本地存储中维护用户的登录数据。我有两个问题:当用户打开应用程序时,我们应该在应用程序的哪个位置编写代码来检索用户的登录数据。我想从本地存储中读取数据并将其填充到Vuex存储中。我知道如何从localstorage读取数据,但我不知道应该在何处/何时执行此操作,以便用户首先登录。有几个页面受到保护(仅限成员(member))。对于这些用户,如果他们已登录(基于vuex商店),我想向他们显示页面内容,但如果他们未登录,我希望他们被导航到登录页面。我再次对应该在哪里编写此代码/条件感到

javascript - 是否可以将 javascript 插入到 Google Chrome 的 "Inspect Element"中?

如果我在谷歌浏览器中点击页面上的“检查元素”,有没有办法让我插入这样的东西(通过点击编辑HTML)来为页面上的“a#link”元素添加鼠标悬停效果?$("a#link").mouseover(function(){$('div.linkcontents').slideDown("slow");}); 最佳答案 您甚至不需要开发者工具,只需在浏览器地址栏中输入即可?像这样:javascript:$("a#link").mouseover(function(){$('div.linkcontents').slideDown("slow"

javascript - Angular : How can I transclude an element into a template that uses ng-repeat?

我有一个carousel指令,其中包括一些分块,用于将传入的items数组映射到元素结构数组的数组中,然后生成类似于以下伪代码的标记:这个Angular模板看起来像这样:[elementshouldbetranscludedintothisspot.]鉴于我的View代码:tagshouldappearinsidethe'carousel.html'template'sng-repeatlist.-->{{item.name}}我希望嵌入的元素绑定(bind)到最深的ng-repeat的item对象完整的Plunker和简化的测试用例可在此处获得:http://plnkr.co/edi

javascript - 无法监视 angular.element

我有一个Jasmine测试由于spyOn未执行而不断失败。下面的测试会自动失败:it('simpletest',function(){spyOn(angular,'element');});错误是:TypeError:'undefined'isnotanobject(evaluating'angular.element(handle.elem).off')at/Users/geoff/Project/www/components/angular-mocks/angular-mocks.js:1946at/Users/geoff/Project/www/components/angula

javascript - 在 vue.js 中重新加载或关闭之前做一些事情

我有一个带有beforeDestroy方法的Vue.JS应用程序,我试图用它在应用程序关闭或重新加载之前将一些数据存储在本地存储中。仅供引用:beforeDestroy:function(){localStorage.setItem('preference',this.preference);...}但是,关闭或重新加载应用程序实际上都不会调用此方法。如何确保在关闭应用程序之前调用此方法? 最佳答案 “关闭”或“重新加载”应用程序的是什么?是浏览器中的用户关闭窗口和/或刷新页面吗?如果是这样,则没有任何东西“被破坏”并且该函数将不会

javascript - 带有 vuex 的 Vue js 使用 v-for 和 v-model 计算属性

我需要将v-for与v-model结合使用。我读了docs并且没有示例说明如何在不在变异处理程序之外执行变异的情况下将它与v-for一起使用。如何在不直接改变属性的情况下在v-for中使用v-model?0{{n}}//componentmethods:{...mapMutations({addToCart:ADD_TO_CART})}, 最佳答案 不确定我是否完全理解您的问题,但请查看以下内容:编辑已更新为使用Vuex-但不是通过v-model,因为那样不会调用所需的突变或操作conststore=newVuex.Store({s