草庐IT

vue-create

全部标签

javascript - 使用默认值合并 Vue Prop

我的Vue组件中有一个具有默认值的选项属性。exportdefault{props:{options:{required:false,type:Object,default:()=>({someOption:false,someOtherOption:{a:true,b:false,},}),},},};如果选项对象作为prop传递给组件,默认值将被替换。例如,当传递{someOption:true}时,现在选项对象只包含该值。如何传递部分对象并使用给定值覆盖默认值而不是替换整个对象? 最佳答案 最近遇到了类似的问题,使用了Obje

javascript - Vue 2.0 : Passing asynchronous data to child component

我有一个父Vue组件,它通过prop将数据传递给它的子组件,但数据是异步可用的,因此我的子组件初始化为未定义的值。在数据可用之前,我该怎么做才能阻止初始化?父级:varemployees=newVue({el:'#employees',data:{...},methods:{fetch:function(model,args=null){leturl="/"+model+".json"console.log(url);$.ajax({url:url,success:((res)=>{console.log(res)this[model]=res;this.isLoading=false

javascript - 作为 Vue 插件的一部分将 Mutations 添加到 Vuex store

我正在创建一个小型Vue插件,允许用户从任何组件中添加“页面通知”。我已经成功地实现了类似的东西:this.$notifications.add("一条消息");而且有效!但是我必须注册我的插件所需的突变和操作,作为为我的应用程序设置其余商店的文件的一部分:exportdefaultnewVuex.Store({...})有没有办法从我的插件中向我的商店添加操作和变更?目前看起来像这样:importvuexfrom'./../store';constMyPlugin={install(Vue,options){//4.addaninstancemethodVue.prototype.$

javascript - vue 包装另一个组件,传递 Prop 和事件

如何编写我的组件来包装另一个vue组件,同时我的包装器组件获得一些额外的Prop?我的包装器模板组件应该是:和包装Prop:props:{prop1:String,prop2:String}这里我想包装一个表格组件,并将传递给包装器的所有Prop和事件传递给表格组件,除了两个额外的Propprop1和prop2。在vue中执行此操作的正确方法是什么?事件也有解决方案吗? 最佳答案 将您希望包装的组件放入包装器组件的模板中,将v-bind="$attrs"v-on="$listeners"添加到该组件标签,然后添加内部组件(以及可选的

javascript - Backbone collection.create() 不返回更新后的模型

为了学习主干,我正在创建一个类似Twitter的应用程序。所以你知道Twitter每N秒向服务器发送一个GET请求来检查新推文。如果有新推文,它会创建隐藏的li元素并显示带有“NnewTweets”的按钮。如果您单击它,它会显示隐藏的li元素,显示新推文。但是当您添加一条新推文时,行为会有所不同:推文是可见的。您无需单击按钮即可看到它。我已经为隐藏的推文制作了第一部分。对于发布新推文并直接展示它的部分,我认为通过创建新模型、调用collection.create()并触发正确的事件会很容易做到,例如:varnewTweet=newTweet();newTweet.set(/*setth

javascript - 如何在 Vue js 中使用其名称获取 View 或组件对象?

Javascript代码:varmain=newVue({el:"#main",data:{currentView:"top",},});vartopComponent=Vue.component('top',Vue.extend({template:"#top",}));现在,当我访问main.currentView时,我得到“top”。但是对于这个字符串'top',我如何获取组件topComponent? 最佳答案 来自VueJSguideDespitetheexistenceofpropsandevents,sometimes

javascript - Chrome 扩展程序无法读取 contextMenus.create 中未定义的属性创建

这是我的contextMenus.create函数,它抛出无法读取未定义的创建属性错误。chrome.contextMenus.create({"title":"BuzzThis","contexts":["page","selection","image","link"],"onclick":clickHandler});我在相同的内容脚本中也有这个:chrome.contextMenus.onClicked.addListener(onClickHandler);//TheonClickedcallbackfunction.functiononClickHandler(info,t

javascript - 如何打破 vue.js 中的 v-for 循环?

我有这个v-for循环我的vue.js应用程序://breakifindex>20{{word}}我想在渲染20个单词后跳出循环。我怎样才能做到这一点?我看着docs但没有看到任何关于此的信息。 最佳答案 你可以在循环开始之前操作数组{{word}} 关于javascript-如何打破vue.js中的v-for循环?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/45429774

javascript - vue cli - 未捕获的语法错误 : Unexpected token <

我用vue-cli3.0创建我的项目.最初它运行正常。但是在我-c之后然后npmrunserve再次,它不断抛出错误:UncaughtSyntaxError:Unexpectedtoken表示错误发生在app.js的第一行,但我在控制台检查了实际上是来自index.html.这意味着在这个过程中的某个地方,webpack思想index.html应该转译为app.js.下面是我使用的包:vue3.0.0-rc.3@vue/cli-plugin-babel^3.0.0-beta.15@vue/cli-plugin-eslint^3.0.0-beta.15@vue/cli-service^3

Javascript 模块模式 : How to inject/create/extend methods/plugin to our own library?

我是javascript的新手。对不起,如果我的问题有任何问题。如何将方法或插件注入(inject)/创建/扩展到我们自己的库中?这是“yourlib.js”varYourlib=(function(){//privt.varvarselectedEl={}//someprivt.functfunctionsomething(){}return{getById:function(){},setColor:function(){}}}());下面是你的“plugin.js”/*Howtocreatethepluginpattern?Example:Iwanttocreate/inject