草庐IT

Vue自定义指令

全部标签

javascript - 如何在注册该组件时为 vue.js 组件定义 css 样式?

我可以注册一个自定义的vue.js组件//registerVue.component('my-component',{template:'Acustomcomponent!'})另见https://v2.vuejs.org/v2/guide/components.html如何为我的组件包含css类?我希望是这样的Vue.component('my-component',{template:'Acustomcomponent!',css:'#...mycssstylesheet...'})但似乎没有css选项。我知道我可以a)在全局css样式表中定义所有css类或b)使用singe-fi

javascript - 从具有 ngIf 指令的输入中获取值时出错

我得到一个异常ErrorTypeErrorandErrorContext单击提交按钮时。如果我将删除ngIf指令它将按异常(exception)情况工作,完整的StackTrace:PlayerNameFormComponent.html:8ERRORTypeError:Cannotreadproperty'value'ofundefinedatObject.eval[ashandleEvent](PlayerNameFormComponent.html:8)athandleEvent(core.js:13547)atcallWithDebugContext(core.js:15056

javascript - 将 socket.io-client 与 webpack 一起使用时未定义全局

当我在我的React网络应用程序中添加socket.io-client插件时出现以下错误。UncaughtReferenceError:globalisnotdefinedatObject../node_modules/socket.io-parser/is-buffer.js(is-buffer.js:4)atwebpack_require(bootstrap:22)atObject../node_modules/socket.io-parser/binary.js(binary.js:8)atwebpack_require(bootstrap:22)atObject../node_

javascript - Vue 不会在 'indirectly' 更改表达式的值时更新 DOM

长话短说我正在尝试从JSON动态构建UI。JSON表示具有应用程序状态(变量)和以这些变量为条件的UI构建逻辑的vue.js应用程序。"type":"switch"的JSON对象(参见下面链接的fiddle),指示vue.js应用程序显示多个"case":{"case1":{..},"case2":{..}}取决于状态变量的值"variable":"key"/*转换为vueApp.key*/.更改其中一个变量(update_status)最初会导致DOM更新。遗憾的是,在安装应用程序后再次更改它不会影响DOM。我很确定我正在做一些愚蠢的事情或遗漏了一些微妙的事情。稍长的版本:(如果你还

javascript - ReactJS - 无法读取未定义的属性 'preventDefault'

尝试在ReactJS中执行一个简单的onClick事件/函数。单击按钮时,我想运行一个名为“onClick”的函数,但我在控制台中收到此错误:app.js:62UncaughtTypeError:Cannotreadproperty'preventDefault'ofundefined已用谷歌搜索,但不确定我哪里出了问题。我查看了ReactJs文档,这看起来是正确的,但显然不是。这是我的代码:importReactfrom'react';importReactDOMfrom'react-dom';import{BrowserRouter}from'react-router-dom';i

javascript - Vue v-on :click. native 在 JSX 中?

如何在JSX中编写vue语法v-on:click.native?例如v-on:click在JSX中是onClick。 最佳答案 答案在babel-plugin-transform-vue-jsx的文档中它是nativeOnClick: 关于javascript-Vuev-on:click.native在JSX中?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/51198226/

javascript - Node.js、Vue.js 和 Passport.js。 .isAuthenticated() 总是返回 false?可能是 Axios header ?

我正在将一个项目转移到Vue.js,但我无法让我的任何中间件检查用户是否已登录或检查用户对工作的所有权。经过无休止的搜索,我认为问题是我从客户端发送到服务器的header不包含Passport序列化用户或其他内容?我怎样才能使它工作?这是我在后端的登录路径:router.post("/login",function(req,res,next){if(!req.body.username||!req.body.password){res.send("Error");}elseif(req.body.username.length>40||req.body.password.length>

javascript - 为什么类名重定义后在类内部还能被引用?

如您所料,以下内容不起作用:letUser={foo(){User.prop=1;}};letUser2=User;User=null;User2.foo();//Cannotsetpropertyofnullconsole.log(User2.prop);不过,这是可行的:classUser{staticfoo(){User.prop=1;}}letUser2=User;User=null;User2.foo();console.log(User2.prop);//1既然函数和类都是对象,并且在这两种情况下我都为它设置了一个属性,为什么结果会不同呢?它从哪里获取User引用?

javascript - 自定义 Prop 类型 Vue.js

有没有办法为Vue.jsProp创建自定义Prop类型(并通过验证扩展它)?在下面的示例中,您将找到Object属性background。我想要一个自定义Prop类型图像,而不是一个对象。图像将检查src和alt是否已填充,其余部分是可选的。我们现在拥有的:exportdefault{props:{background:{type:Object,src:String,srcset:String,alt:String,title:String,},},};我想要的东西:classcustomPropImage{//magic...}exportdefault{props:{backgro

javascript - 直接在html中使用ES6模块中定义的函数

我正在尝试完成一件非常简单的事情:我在一个javascript模块文件上有一些代码,我将它导入另一个javascript文件(不导出任何东西),我想调用其中的一些定义函数直接从HTML文件。让我们举一些发生在我身上的有代表性的最小例子(实际测试了代码并给出了我在真实问题中遇到的完全相同的问题,实际上并不比这个问题复杂多少):module.js:constmod=()=>'Hellothere!';export{mod};main.js:import{mod}from'./module.js';functionhello(){console.log(mod());}main.html:O