草庐IT

vue-grid-layout

全部标签

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 - 尽管在 ag-grid 中使用了 sizeColumnsToFit,但不必要的水平滚动条出现了

我已将我的ag-grid版本从7.2.0升级到v14.2.0。当我将sizeColumnsToFit()api与onGridReady或onGridSizeChanged事件一起使用时,它可以工作,但它保留了不必要的水平滚动,可能是由于计算错误网格宽度。这个问题(?)也可以在ag-grid的官方示例中看到,https://www.ag-grid.com/javascript-grid-responsiveness/#example-example1对于以前的版本,这在没有任何水平滚动的情况下完全可以正常工作。当我手动调用$scope.gridOptions.api.sizeColumn

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 - 无法在 Angular UI Grid 的可扩展行中保存行

我正在尝试使用rowsaving与expandablegrid相结合的功能.目标是能够独立于父行保存子网格行。$scope.gridOptions={expandableRowTemplate:'components/grid/orderLineTemplate.html',expandableRowHeight:150,expandableRowScope:{subGridVariable:'subGridScopeVariable'},columnDefs:[{field:'_id'},{field:'number'}]};$http.get(ORDER_API).success(

javascript - Kendo Grid 数字 chop 到小数点后两位。如何让它尊重用户输入的内容?

在此KendoGriddemo,如果您编辑“库存数量”下的数字并添加多个小数(尝试2.203848),它会将其chop为2.20。看起来这是默认行为。我知道我们可以用{0:n4}指定小数格式,例如。但是如果小数位数未知或者可以变化怎么办?有没有办法让网格使用用户输入的确切数字? 最佳答案 要在网格中进行此操作,您需要使用自定义编辑器。将小数位数设置为足够高的数字,并确保您的字段格式有足够的位置。这个很好的答案here稍微调整一下即可解决您的问题。functionnumberEditor(container,options){$(''

javascript - 我可以在生产环境中从 CDN 加载 Vue.js 吗?

我为一个新项目选择了Vue.js,因为它似乎可以在浏览器中本地运行,而不是像React这样必须通过Node编译/转译的东西。有什么理由不能在我的生产代码中像这样链接到CDN?一位同事建议这可能仅用于开发,而unpkg只是即时转译(这听起来对性能不利)。但除此之外它似乎工作正常。我还可以链接到更强大的CDN,例如thisone,但只是想确保我没有因为不使用Node构建系统(例如webpack)而违反某种最佳实践。 最佳答案 IsthereanyreasonIcouldn'tjustlinktoaCDNlikethisinmyprodu

javascript - 从 JS 文件中获取 Vue

我对现代前端开发工具还很陌生。我安装了Nodejs和NPM。下载了一些包(es:“jquery”)并且一切正常。然后我安装了Webpack(第2版),我创建了这个演示配置文件module.exports={entry:"./entry.js",output:{path:__dirname,filename:"bundle.js"}};在我的JS入口点(entry.js)我可以成功使用jQuery模块,如下var$=require("jquery");$('#test').html('Changed!');一切正常。当我选择Vue时,问题就出现了。我安装了npminstallvue--s