草庐IT

vue-class-component

全部标签

javascript - 除了对象之外,在 JavaScript 中调用的可实例化 "class"是什么?

我有一个这样的对象:functionPerson(){}除了对象,你会怎么调用它?明明不是类,那又是什么?我正在寻找一个不是对象的术语,因为我想特别强调您可以创建它的新实例这一事实。 最佳答案 “functionPerson(){}”是类型的构造函数。newPerson()的值将是类型Person的实例(或对象)。 关于javascript-除了对象之外,在JavaScript中调用的可实例化"class"是什么?,我们在StackOverflow上找到一个类似的问题:

javascript - knockout : Change css class based on value of observable

我在可观察数组上使用foreach:如您所见,我将可用性的当前值传递给函数availabilityCssClass,该函数将该值与一些预定义的字符串进行比较。根据匹配的字符串,它返回一个类名。self.availabilityCssClass=ko.computed(function(value){varavailability=value;if(availability==="Busy"||"DoNotDisturb"||"BeRightBack")return"leftStatusCellColorOrange";elseif(availability==="Away"||"Off

javascript - 如何创建一个指令,根据条件在目标元素上添加 ng-class 和 ng-disabled?

我有以下代码:app.directive"ngDisableOnVar",($compile)->restrict:"A"terminal:truepriority:1000replace:falsescope:{}compile:compile=(element,attrs)->cattr=attrs["ngDisableOnVar"]element.attr("ng-class","{'disabled':!#{cattr}}")element.attr("ng-disabled","!#{cattr}")element.removeAttr("ng-disable-on-var"

javascript - vue.js 将数据从父单文件组件传递给子组件

使用单文件架构,我试图将数据(对象)从父组件传递给子组件:App.vueimportappHeaderfrom'./components/appHeader'import{content}from'./content/content.js'exportdefault{components:{appHeader},data:()=>{return{app_content:content}}}appHeader.vue{{app_content}}exportdefault{data:()=>{return{//nothing}},props:['app_content'],created

javascript - Proxyquire 没有 stub 我需要的类(class)

我有一个类AProvider需要'./b.provider'。constBProvider=require('./b.provider');classAProvider{staticgetdefaultPath(){return`defaults/a/${BProvider.getThing()}`;}}module.exports=AProvider;b.provider.js与a.provider.js相邻,看起来像global.stuff.whatever=require('../models').get('Whatever');//Ididn'twritethis!classB

javascript - 在 dom 中移动 Vue 组件?

如果我在移动设备上,我会在dom中向上移动Vue组件,因为我想使用绝对定位并想确保我不在relative容器中。if(this.mobile){this.$el.parentNode.removeChild(this.$el);document.getElementById('vue').appendChild(this.$el);}else{//Placetheelementbackatit'soriginallocation.}此代码与去抖动的resize方法一起放置,因此它也适用于调整窗口大小。它工作正常,但是当我开始使用移动设备并调整回桌面时,我需要获取组件首次初始化的原始do

javascript - 具有现有值的 Vue 表单输入绑定(bind)

我想将输入与模型绑定(bind)。当页面加载时,输入有一个值。但是,当我与模型绑定(bind)时,当我使用null或空值初始化模型时它会变空。{{email}}JavaScript:newVue({el:'#update-email',data(){return{email:'',};}});jsfiddle:https://jsfiddle.net/Debiprasad/v8wyj2kw/如何在加载时使用输入值更新email值? 最佳答案 我通过将我的模型值初始化为输入字段的值来处理这个问题。这样,当vue最初将输入字段设置为模型

javascript - 如何在 Vue Js 中将数据值从一个组件更改为另一个组件?

我是VueJs的新手。因此,我面临着从另一个组件更改数据值的问题。我有一个组件A:SomethingimportBfrom'../components/B.vue';exportdefault{components:{B},methods:{test:function(){B.data().myData=124B.data().isActive=trueconsole.log(B.data().myData);console.log(B.data().isActive);}}}组件B:exportdefault{data(){return{myData:123,isActive:fal

javascript - v-html 中的 Vue 组件/元素

我有一个post.text数据,其中包含用户提交的博客文章的文本就像在Twitter中一样,用户可以使用语法提及其他用户,我正在标记@user1在这篇文章中。呈现帖子时,我想用指向所提及用户页面的链接替换所有@username实例。通过正则表达式匹配/替换,我可以轻松地将提到的@username转换成类似的东西(我正在使用vue-router):Iamtagging{{dPost.user_name}}inthispost但是当我这样使用它时:vue不会重新处理html来绑定(bind)它自己的标签。如何解决这个问题?谢谢 最佳答案

Javascript 将可变参数传递给父类(super class)构造函数

将可变参数传递给父类(superclass)构造函数的最佳/推荐方法是什么?背景解释了我试图解决的问题。背景我正在将一些代码从Java移植到Javascript。Java的编码模式之一是函数重载。Java选择最佳匹配来确定要调用的函数。当函数是类构造函数时,这会变得很有趣。所以Java中的代码可能是publicclassMyParserextendsParser{publicintparse(Stringstr){super(str);...}publicintparse(Stringstr,intbase){super(str,base);...}}在Javascript中变成:cl