草庐IT

babel-plugin-transform-vue-jsx

全部标签

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 - v-for 循环中的 Vue.js 引用

我尝试在v-for循环中使用组件并初始化ref以便将来从父级访问其中的一些方法。这是我的案例的简化代码:{{msg}}importListItemfrom"./ListItem";exportdefault{name:"HelloWorld",components:{ListItem},data(){return{msg:"WelcometoYourVue.jsApp",items:[{id:1,text:"foo"},{id:2,text:"bar"},{id:3,text:"baz"},{id:4,text:"foobar"}]};},mounted(){setTimeout(()

javascript - Bootstrap Vue 表 : show details when row clicked

尝试实现与文档体验不同的体验:不是通过单击按钮显示行详细信息,而是在单击行时显示行详细信息。并且文档缺乏关于如何使其与示例不同的详细信息。hello这是我的功能,但我认为它根本不起作用expandAdditionalInfo(row){row.showDetails();} 最佳答案 很难找到...但只需添加:@row-clicked="item=>$set(item,'_showDetails',!item._showDetails)"说明即使_showDetails不存在,$set也会保留react性。遗憾的是行对象不可访问,所

javascript - 默认情况下,Vue 是否为 XSS 提供安全性或防止 XSS?

我在想办法保护自己,Angular视觉react对抗XSS攻击。当我访问Angular官方文档时,https://angular.io/guide/security,它说:TosystematicallyblockXSSbugs,Angulartreatsallvaluesasuntrustedbydefault.WhenavalueisinsertedintotheDOMfromatemplate,viaproperty,attribute,style,classbinding,orinterpolation,Angularsanitizesandescapesuntrustedva

javascript - 检查 jQuery Plugin 是否已应用于 Element

在jQuery中,如何检查特定插件是否在元素上处于事件状态?或者,我可以获得应用了特定插件的元素的列表吗?我无法控制插件的代码。我试过检查像这样的属性$("#example").fancybox但是无论是否应用了插件,每个元素都存在此属性。谢谢! 最佳答案 插件没有义务向外界宣传它增强了元素这一事实。也就是说,许多插件(包括任何使用jQueryUIwidgetfactory的插件)使用jQuery的data()向元素注册它们的名称。设施。话又说回来,并非所有插件都这样做。 关于javas

javascript - 在客户端执行 jsx 转换

我正在构建一个允许用户构建和应用他们自己的组件和模板的应用程序。我想允许用户编辑jsx数据字符串,然后在客户端执行转换以进行渲染。虽然在inbrowsertransform对嵌入式脚本执行jsx转换,以及react-tools在服务器上可用,我无法确定如何使客户端可以使用转换功能。内联浏览器转换似乎没有提供任何访问方法,当我尝试在客户端上使用react-tools转换时,Atomify/Browserify崩溃。 最佳答案 JSXTransformer模块导出两个函数:transform将JSX源代码作为一个字符串并返回一个对象,该

javascript - 在 ES6 + babel 中使用 bluebird promise 导入类(构造函数)

假设我创建了一个node.js库lib.jsexportclassC{constructor(value,callback){callback(false,`Hello${value}`);}task(value,callback){callback(false,"returned"+value);}}重要的部分是类的构造函数需要接受回调,因为它处理数据库连接和文件I/O。如果我现在导入并使用库回调样式,一切都很好(请参阅下面的c1)。我真的很想promise我使用它的库,使对象构造更方便(实际上它是一大堆类和方法)。但是,我找不到在promise-safe中正确地new类的方法。im

javascript - Chrome 中的 ES6 - Babel Sourcemaps 和 Arrow Functions 词法作用域

我在ES6class中有一个函数:classTest{//OmittedcodeforbrevityloadEvents(){$.get('/api/v1/events',(data)=>{this.actions.setEvents(data);});}}Babel将this转换为不同的形式,并生成一个_this变量来控制箭头函数的词法范围。var_this=this;$.get('/api/v1/events',function(data){_this.actions.setEvents(data);});当我在Chrome中使用源映射调试ES6类并在我调用this.actions

javascript - ReactJS JSX 的 toString()

我正在编写一个基于React的文档网站。我想展示使用我的框架中的给定组件所必需的代码。同时,我想显示实际运行的组件,如并排View。目前,我正在为引用实现添加组件作为字符串,为运行场景添加组件作为JSX。像这样:varButtonDoc=React.createClass({render:function(){letbuttonComponent=();letbuttonCode=``;return({buttonComponent}{buttonCode});}});问题:有没有一种方法可以在不需要复制代码的情况下获取给定React组件的字符串表示形式?我期待这样的事情:varBut