草庐IT

vue-create

全部标签

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 - 在Javascript中, 'Object.create'和 'new'的区别

我认为差异已经在我脑海中闪过,但我只是想确定一下。在DouglasCrockford页面上PrototypalInheritanceinJavaScript,他说Inaprototypalsystem,objectsinheritfromobjects.JavaScript,however,lacksanoperatorthatperformsthatoperation.Insteadithasanewoperator,suchthatnewf()producesanewobjectthatinheritsfromf.prototype.我不太明白他在那句话中想说什么,所以我进行了一些

c# - JavaScript Object.create 和 IE8

我正在为SharePoint2013进行软件开发。其中一部分涉及覆盖SharePoint的文件预览器(filepreview.debug.js变为myfilepreview.debug.js)。然而,我们在使用IE8时遇到了问题。在IE9中一切正常。IE8中抛出的错误会导致您在激活我们的自定义功能的网站集中访问的任何网站出现错误:“对象不支持此属性或方法”在对该错误进行一些研究之后,似乎IE8根本不支持Object.create。ThisMozillaDeveloperpost似乎支持这个理论。当通过在抛出错误的行之前添加此polyfill代码解决问题时,我更加相信这一点:if(typ

javascript - create-react-app 中的 JSX 文件

只是想知道create-react-app如何使用.js文件而不是.jsx来进行jsx标记。是因为webpack的特殊配置吗?顺便说一句,我在哪里可以找到我使用create-react-app创建的项目的webpack和babel配置? 最佳答案 文件扩展名没有什么特别之处;这只是通过Babel运行什么的问题。例如:module:{loaders:[{test:/\.jsx?$/,exclude:/(node_modules)/,loader:'babel',query:{presets:['react','es2015','sta

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

javascript - create-react-app - 获取本地 JSON(通过 AJAX)

我正在尝试使用create-react-app做一些相当简单的事情,从前端的其他地方动态请求JSON文件。当我请求URL时,Webpack仅返回应用程序的index页面(带有HTTP200)。我已经尝试将JSON文件放在src和public目录中,但没有任何区别(例如,/src/data/stuff.json,/public/data/stuff.json).我猜webpack/某些东西正在阻止请求通过。像fetch('http://localhost:3000/public/data/stuff.json')这样的东西是行不通的。我看到了请求,但响应只是默认的HTML。当然,http

javascript - Vue.js 过渡出现/发生在进入视口(viewport)的元素上

首先请不要使用jQuery。我可以在jQuery等中做到这一点,问题的重点是在没有不必要的依赖的情况下做到这一点。这里的场景是我正在创建一个单页网站,其中有几个部分可供滚动浏览。我想用Vue.js'stransitions在浏览器滚动到该部分后简单地淡入。我已经设法使转换与appearattribute一起工作但问题是这个初始渲染触发器适用于屏幕外的元素,我想推迟该触发器,直到浏览器在屏幕上滚动该元素。我找到了像vue-observe-visibility这样的图书馆这可以满足我的需要,但老实说,我不想简单地为触发器创建大量数据属性,以将其更改为true,以便v-if语句触发淡入淡出效