草庐IT

vue组件强制刷新的方案

全部标签

javascript - 找不到 D3js 强制定向图链接

我目前正在尝试使用d3jsv4构建力导向图。我有以下节点和链接,其实很简单节点[{"id":"4d2b0275-5bc7-e611-81c4-00155df7ea33"},{"id":"b32b0275-5bc7-e611-81c4-00155df7ea33"}]链接[{"source":"4d2b0275-5bc7-e611-81c4-00155df7ea33","target":"b32b0275-5bc7-e611-81c4-00155df7ea33"}]我的forceSimulation设置是varsimulation=d3.forceSimulation(nodes).for

javascript - 没有模型更改的 Angular 2 组件模型刷新 View

我有一个Angular2.4.0应用程序,我正在处理一个表单,该表单有一些支持Javascript验证/格式化几个字段。字段格式化完成后,如果格式化返回的值与附加到模型的原始值匹配,则View不会更新。有没有办法强制更新View?由于没有模型更改,因此强制组件刷新没有任何效果。我猜我需要用jQuery之类的东西单独更新View,但我想先检查是否有更好的解决方案。组件:导出类组件{字段:字符串formatField(updatedField:string){this.field=updatedField.replace(newRegexp("[^\\d]","g"),"");//remo

javascript - React - 加载 JSON 并渲染组件

正如标题所说,我正在尝试渲染一个React组件,其中包含我通过使用fetch()加载从JSON中获取的数据。api调用工作正常,但我无法呈现数据。代码如下:classAppextendsReact.Component{constructor(props){super(props);this.state={user:{}}}getUserById(uId){fetch(`https://jsonplaceholder.typicode.com/users/${uId}`).then((response)=>{returnresponse.json()}).then((json)=>{re

javascript - 在 React Router v4 中获取未定义的组件

刚刚升级到react-router-dom4.0.0.我所有的组件都是常规的classes或粗箭头。它们都是使用exportdefaultThatComponent导出的.但是我得到了这个:未捕获错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能忘记了从定义组件的文件中导出组件。检查Router的渲染方法.//minimalshowcaseimport{BrowserRouter,Match,Miss}from'react-router';constRouter=()=>({/*bothMatchandMisscomponentsbelowc

javascript - 使用 Vue.js 播放声音

如何使用Vue.js播放声音?似乎我不能只做常规的方式。importVuefrom'vue'importAppViewfrom'./components/App.vue'console.log('Playoutsideofvue')varaudio=newAudio('file.mp3')audio.play()newVue({el:'#root',mounted(){console.log('Willitplayhere??lol')varaudio=newAudio('file.mp3')audio.play()},render:h=>h(AppView)})正如它所说,音频未定义

javascript - 如何将动态 Prop 绑定(bind)到 VueJS 2 中的动态组件

我想知道如何迭代组件名称列表(来自对API服务器的AJAX调用)并将它们呈现为组件,并将相关属性传递给每个组件(即动态绑定(bind)它们的属性).到目前为止,我已经设法迭代表示组件的项目的JSON列表,并成功呈现这些组件。我现在想做的是使用v-bind绑定(bind)每个组件的属性。在下面的示例中,item-one组件将接收具有item1.jpg值的image属性;item-two组件不会收到任何属性。importItemOnefrom'../components/item-one'importItemTwofrom'../components/item-two'exportdefa

javascript - 具有受控输入的无状态 React 组件

目前,为了使受控输入在无状态React组件中工作,我将无状态组件包装在Sate完整组件中。例如,constInputComponent=(props)=>{return();}classAppextendsReact.Component{constructor(props){super(props);this.state={name:'Tekeste'};this.handleChange=this.handleChange.bind(this);}handleChange(event){this.setState({name:event.target.value});}render(

javascript - 将数据从子组件传递到父组件 - react - 通过回调函数

通过回调函数将数据从子组件传递到父组件但不知何故它不起作用。我在这里做错了什么?将数据从子组件传递到父组件-react-通过回调函数https://codepen.io/silentarrowz/pen/GEMQEP?editors=0010这是代码classAppextendsReact.Component{constructor(props){super(props);this.state={input:'thisistheinputfornow'}//this.handleInput=this.handleInput.bind(this);}handleInput(x){this

javascript - 在 vue 路由中匹配查询参数

有什么方法可以通过查询参数进行路由吗?我想匹配以下路由:site.com/?foo=123。我试过类似的东西{path:'/\?foo=[\d]*'}没有成功。 最佳答案 不幸的是,您无法匹配路由定义的path字符串中的查询参数。VueRouter使用path-to-regexp和itsdocumentation说:TheRegExpreturnedbypath-to-regexpisintendedforusewithpathnamesorhostnames.Itcannothandlethequerystringsorfragm

javascript - 如何将弹出框内的输入标签绑定(bind)到 Vue 模型

我在弹出内容中有一个input,如下所示:JSFiddleHTML:'>ClickMe!{{message}}这是JS:newVue({el:'#vue-app',data:{message:'IamaText'}});$(document).ready(function(){$('[data-toggle="popover"]').popover();});如您所见,data-content的输入绑定(bind)得很好,但里面的输入没有绑定(bind)!任何想法将不胜感激。 最佳答案 你可以这样使用:这是工作演示:https://