新手使用vue有个问题不是很明白 5C

代码如下
$.ajax({
type: "get",
url: "http://127.0.0.1:9999/queryclassnametype",
async: true,
data: {
"type": "错误笔记"
},
success: function(res) {
console.log(res)
new Vue({
el: "#classname",
data: {
classname: res.data,
nowIndex: 0
},
methods: {
classclick: function(index, e) {
this.nowIndex = index;
$.ajax({
type: "get",
url: "http://127.0.0.1:9999/typetable",
async: true,
data: {
"tablename": "errornote",
"classname": e
},
success: function(res) {
console.log(res.data)
new Vue({
el: "#errornote",
data: {
errornote: res.data
},

                                });

                            },
                            fail: function(err, status) {
                                console.log(err)
                            }
                        });

                    }
                }
            });

        }
    });
    errornote一个列表数据
    第一次触发点击事件的时候数据已经加载到html中  但是当我第二次点击的时候  html上显示的还是第一次的数据,我通过打印看了  我每次点击它请求出来的数据都是不同的但是不知道为什么html上没有更新  这个要怎么操作
    下面是html的代码
    <ul class="list-group note newerrornote">
                            <li v-for="i in errornote">
                                <div class="errortitle" style="width: 60%;">
                                    <a :href=i.link>{{i.title}}</a>
                                    <input type="text" name="" id="" :value=i.id style="display: none;" />
                                </div>
                                <div class="errorclick" style="width: 20%;">
                                    点击量:{{i.clicksum}}
                                </div>
                                <div class="erroraddtime">
                                    添加时间:{{i.addtime}}
                                </div>
                            </li>
                        </ul>
0

1个回答

答主主要是写angular的,这种情况,可以考虑vue的异步的脏数据机制,也就是数据通过异步获得,却没有更新页面,异步环境是否需要触发vue刷新页面。

0
qq_39511609
萧潇墨 能不能给个代码示例?
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
有个参数不是很明白
typedef int (&rai)[10];rntypedef double (&rad)[20];rnvoid func( int (*)(rai) );rnvoid func( double (*)(rad) );rnrnfunc的参数是什么意思啊?请解析一下!
20分钟彻底明白vue
初学vue时,使用script引入初学vue时,使用script引入该框架,那么很好,基本的语法过一遍,这不是什么难事。 这里通常不明白的是vue的核心思想--数据驱动。 一句话比较瞬间明白: 传统jquery操作: html源文件 --&gt; 浏览器解析 --&gt; 渲染为最终呈现页面 vue数据绑定: html源文件 ---&gt; vue拦截,通过算法计算 --&gt; 浏览器解析 --&gt; 渲染为最
MyEclipse2015破解教程和注意事项
很多新手朋友在使用破解教程的时候不是很明白,这里我对几个关键部分重点说明下,希望有帮助,不明白的可以留言
我有一个问题不是很明白?
今天我在想一个问题,可不知道怎么去查找这方面的知识。就是我做的一个WEB服务,那只能是一个免费的呀,如果要收费,那应该如何实现呢?比如以使用次数收费,或以使用时间收费,或是将我的WEB服务直接买给别人,我对这方面的知识不是很了解,希望能给点这方面的知识,谢谢!
有个问题不是很明白,高手指教!
火星漫游者rn描述:rn 若干个火星漫游者(机器人)被NASA(美国国家航空和宇宙航行局)送到火星对火星的一个高原进行科学探测,这个高原是一个矩形,火星漫游者将漫游整个高原,并通过照相机对高原拍照,将照片发回地球,以了解这个高原的全貌。rn 任意一个漫游者的位置将由x,y坐标和一个代表方向的字母确定(N-北,S-南,E-东,W-西),为了简化漫游,将高原划分为网格。例如(0,0,N)表示火星漫游者位于高原的左下角,方向朝北。rn NASA通过发送命令字符串控制火星漫游者,命令字符串是字符’L’,’R’,’M’的组合,’L’,’R’表示使漫游者向左或右旋转90°,但坐标不变;’M’表示使漫游者沿当前方向移动一个网格点,并保持方向不变。rn 假设高原的正北方向是从点(x,y)到点(x,y+1)的方向rn输入:rn 输入采用文件,文件第一行是高原的右上角坐标,左下角坐标默认为(0,0)rn 文件的剩余部分是每一个火星漫游者的信息,每一个火星漫游者有两行信息,第一行给出漫游者的初始位置,第二行是一系列控制漫游者的命令rn 位置由两个整数和一个字母组成并用空格分隔,分别对应x,y坐标和方向rn 每个漫游者按顺序漫游高原,即下一个漫游者必须在上一个漫游者结束漫游后才开始漫游。rn输出:rn 输出每一个漫游者的最终坐标和方向rn输入输出示例:rn Test Input:rn5 5rn1 2 NrnLMLMLMLMMrn3 3 ErnMMRMMRMRRMrn rn Expected Output:rn1 3 Nrn5 1 Ern
docker新手几个坑
最近因为学习springboot,了解了一下docker使用,总结如下: docker因为安装在windows上不太方便,于是决定安装在centos7虚拟机上。 首先安装docker: yum install docker 比windows简单太多了。 下面指出几个docker使用的坑 搜索超时 关于获取云加速器省略,这里得到加速器地址,需要修改 /etc/docker/daemon.js...
关于vue路由问题!!!难受的问题!!!
首先,这是我自己文件目录的结构 此时是我刚解决完路由问题,好气,让我改了那么久。。。 我刚开始是把所有的组件写在了app那个组件里面,但后面要配置路由,我就重写了一遍,然后把index页面作为我的首页,我把首页的所有组件都放在了index里面, 这个是index的script标签里面内容,引进别的组件,并注册组件。 然后再是弄那个路由js文件 呃呃呃,这里面你一定要注意拼写,当时我输...
VUE新手上路的一下步骤命令和疑难杂症
1.从node.js官网下载并安装node    输入 node -v 查看版本 2.npm包管理器,是集成在node中的,所以,直接输入 npm -v 查看版本 3.npm install webpack -g  安装webpack   输入 webpack -v 查看版本( 如果是webpack 4X 后需要安装webpack-cli 请注意需要安装在同一目录  npm install --s...
初学者可能不知道的 vue.js技巧
技巧/坑点 1.setTimeout/ setInterval 场景一 :this指向改变无法用this访问vue实例 mounted(){ setTimeout( function () { //setInterval同理 console.log(this); //此时this指向Window对象 },1000) ; } 解决方法 :使用箭头函数或者缓...
Opencv在当前目录下的配置
有图,一看就明白.笔记,不是很详细
DataSet的问题!不是很明白!
dataset中有一表Table!rn有字段id name addr。主键是idrn其中有一记录是1,wang,beijin.rn我现在想把他找出来,可以通过键id找,即DataRow dw=dataset.tables[0].rows.find((object)1);rn但现在我想通过name字段的wang把这行找到,怎么写代码?
关于STM32寄存器的理解
我们以STM32F4系列为例, 他有7根控制总线和8根被控总线(S0-7),他们交叉的圆点表示这两根总线之间可以互相通信,M0,M2,M6表示STM32的三种不同启动方式,FLASH启动(包含系统存储器),内部SRAM启动,外部RAM启动。 存储器本身不具有地址,是厂商或者我们用户自己给他分配地址的,这个过程就叫做存储器映射,如果我们给存储器再 分配一个地址,就叫做存储器的重映射。
使用融云SDK集成
使用融云开始还是遇到了很多的坑的,特别是看不太明白官方文档。或许自己不够有耐心。 期间还遇到了许多bug,比如,明明配置的没问题了,可我的手机还是连不上融云。 后来还是在融云的知识库中找到了解决办法,总之是一波三折。 1 下载SDK 融云SDK官方下载地址 融云SDK下载页面截图 有IMKit SDK和IMLib SDK可以下载。其中IMKit...
新手引导插件intro.js的使用示例
intro * {margin: 0; padding: 0;} .f {margin: 30px 50px; background: red;} .b {display: inline-block;} qqqqqqqqqqqqqqqqqq 这是第1个引导 '>这是第2个引导 使用html元素丰富介绍
不是很明白自定义属性
关于自定义属性看了一下,是附加在类,或者方法上的一些自定义的东西,可以通过反射来得到属性值,但是这样的话,跟设计一个类的属性有什么区别,类也完全可以提供一些接口、属性来使得类本身有些定制的功能,为什么还要搞的那么复杂,用反射来解决?谢谢大家
一直不是很明白
一个用C语言实现的算法,在DOS环境下可以按你构想的方式运行。rnrn可是如果把这个算法转变到WINDOWS下呢?用SDK来写程序,那么rn就不会和DOS下一样了吧。rnrn谁都知道DOS下冒泡法程序的样子,WINDOWS下会是怎样啊?rnrn请大家指点一下,我写的好象不是很明确。
哎不是很明白
1(在登录的时候保存用户信息)如何用代码实现?rn2 在保存用户的情况下,如果修改用户信息,又如何获取当前使用系统的用户?
不是很明白self???????
如rnprocedure TfrmMain.mnu_borrowinfoClick(sender:Tobject);rnvarrn dlg:Tfrm_borrowinfo;rnbeginrndlg:=Tfrm_borrowinfo.Create(self);//rndlg:=showmodal;rnend;
不是很明白Byte.TYPE
System.out.println(Byte.TYPE==byte.class); //true rnrnIDE的自动感知提示Byte.TYPE的引用类型是Classrn而IDE的自动感知提示byte.class的类型是Classrnrn难道多态了?????rn
vue init webpack my-project指令时报错问题(一)
最近在学习vue,在项目基本配置环节中产生各种报错问题,如执行 以下指令:vue init webpack my-project 执行这一指令时已排除github ping不通的原因,但仍然以下报错:vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET这句话的意...
vue + introjs 做新手引导 爬坑
introjs 在github上下载了一堆案例很丰富强大也很多坑它有一个多页模式的引导 但是在同一个页面的引导必须保证你需要的元素都生成完了再启动这个指导 好吧坑深的爬不起来了只能自己写了当然在同一个页面所有元素都生成了用这个还是很方便的值得一提的是它的点击跳过点击背景点击结束引导都会调用同一个回调函数onexit() 而且没有返回当前是哪个元素点击的所...
SWAT模型理论中文版
绝佳的SWAT模型理论讲述,让您玩转模型!
毕业多年后才明白的5个道理
人生处处皆学问,这两天在网上看到一篇文章,是一个“过来人”毕业多年后人生体会,看完觉得很受教。我将其整理了一下,也加上了一些自己的观点,分享给你,也用来勉励自己。1、单身时过得不幸福,有伴侣之后也不会幸福单身与婚恋是人两种不同的生活状态,而并非人生幸福的决定因素,幸福是一种能力,与单身与否无关。单身时考验的是与自己相处的能力,一个人与自己都相处...
有个函数不是很明白,希望解答一下,谢谢
Function RegListGet(str,patrn,mysky)rn set tempReg=new RegExprn tempReg.IgnoreCase=falsern tempReg.Global=truern tempReg.Pattern=patrnrn set matches=tempReg.execute(str)rn for each match in matchesrn content=content&match.value&myskyrn nextrn RegListGet=contentrn set matches=nothingrn set tempReg=nothingrnend Functionrn===================rn里面的rn set tempReg=new RegExprn tempReg.IgnoreCase=falsern tempReg.Global=truern tempReg.Pattern=patrnrn是什么作用?
有段不是很明白的代码。。。。
#includern main()rn char str[]=”SSSWILTECHl\l\llW\lWALLMPl”;rn int k; char c;rn for(k=2;(c=str[k])!=’\n’;k++)rn switch(c)rn case ‘A’:putchar(‘a’); continue;rn case ‘l’:break;rn case l:while((c=str[++k]!=’\l’&&c!=’\0’);rn case 9:putchar(‘#’);rn case ‘E’:rn case ‘L’:continue;rn default:putchar(c); continue;rn rn putchar(‘*’);rn rn printf(“\n”);rn rn整段都不是很明白啊。。。。rn貌似将数组元素按case变化?。。。。。
有一段代码不是很明白
dim a%,b!rn这是声明一个什么类型的变量
mysql 有几个问题不是很明白?
mysql 数据库名怎么改呢?rename怎么不行。。。rn 还有一般连数据库是采用什么方法,是API函数去连吗?那C++,PHP他们一般是怎么连的,都是用API连吗?常规上是用哪方法呢rn谢谢了rn
effective C++的有句话不是很明白
条款29: 异常安全 126-127页rn[code=C/C++]rnclass PrettyMenu rnpublic:rn void changeBackground(std::istream& imgSrc); rnprivate:rn std::tr1::shared_ptr bgImage;rn Mutex mutex; rn int imageChanges; rn;rnvoid PrettyMenu::changeBackground(std::istream& imgSrc) rn Lock ml(&mutex);rn bgImage.reset(new Image(imgSrc)); // replace bgImage's internalrn // pointer with the result of thern // "new Image" expressionrn ++imageChanges;rn[/code]rnrn如果Image构造函数抛出异常,有可能输入流input stream的读取记号read marker已被移走,rn而这样的搬移对程序其余部分是一种可见的状态改变。rn所以changeBackground在解决这个问题前只提供基本的异常安全保证。rn不明白啊不明白构造函数异常跟输入流有什么关系,读取记号是神马rn
有一个不是很明白的"过程"
Private Sub InitializeComponent()rn中的 是命名空间,但是放在前面有什么用?Private前面可以用命名空间,什么意思?
有一个语句不是很明白……
void Insert(int a[],int n,const int &x)rnrn for(int i=n-1;i>=0 && x
微信多开100个不是问题
微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题微信多开 100个不是问题
为什么我不推荐你使用vue-cli创建脚手架?
最近在知乎看到一个问题,原问题如下: “很奇怪,为什么现在能找到自己手动创建vue脚手架的文章非常少,而且大家似乎对webpack4的热情并不高,对于想基于vue2.0+webpack4搭建一个脚手架的我来说资料真是少得可怜。难道现在一般的做法就是直接从vue-cli开始然后改成自己需要的模样吗?难道就没有人从零开始搭建一个渐进增强的脚手架?这一点我很疑惑,希望大牛给点指导。” 这个问题我之前...
Vue 相关难点汇总
1. 父子组件的双向数据绑定,所以在子组件是不允许修改父组件的属性的。 // 解决办法 // 在子组件data中定义一个父组件传递过来的副本,再把该副本利用this.$emit("","")给传回去,父组件利用自定义事件接受该值 2. props 的 数组/对象的默认值应当由一个工厂函数返回 错误类型: 解决办法: 3.子组件抛出值 this...
JAVA 代码数据结构
8皇后问题 ! 迷宫的!数据算法问题! 是有JAVA不是其他的!可明白
vue项目中图片懒加载时出现的问题
项目中遇到一个问题,记录一下,vue项目中前期没有做图片懒加载的时候,当图片出现错误或者显示路径不对,我加了onerror事件进行错误监听并添加一张默认的图片,优化用户体验。 后期因为图片数量变多,所以加入了图片懒加载,但在懒加载中挂载时只加了loading的图片,没有加error,所以导致页面图片未正常加载的地方出现默认图片闪烁的现象,最后在挂载时加入error引入一张默认图片就好了...
vue学习笔记-在vue实例里注册局部组件
在vue实例里注册局部组件&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;在vue实例里注册局部组件&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt; &amp;lt;div i
Vue中使用Element-Ui插件日期时间格式问题
日期和和时间插件均写在input框中,因为要向后端发送Ajax请求,将input中的日期和时间发送至后端进行交互,我是这样配置的,如下: 日期插件:  &amp;lt;el-date-picker   v-model=&quot;calendar.date&quot;  type=&quot;date&quot;  placeholder=&quot;选择日期&quot; style=&quot;width:100%&quot;&amp;gt;&amp;lt...
简单的fragment
非常简单的fragment ,新手很容易看明白
工作实际排坑之旅
vue中的回车事件 vue使用element-ui的el-input监听不了键盘事件,原因应该是element-ui自身封装了一层div在input标签外面,把原来的事件隐藏了,情况如下: 直接使用标签:   &lt;input placeholder="账号" @keyup.enter="doLogin"&gt;&lt;/input&gt; element-ui:   &lt;el-...
vue 项目中常见的几个问题
(1).H5页面在iOS网页中手机号码颜色改变 H5页面在iOS网页中的数字被识别为电话号码,原因在于Safari浏览器的问题:解决该问题只需在head标签中添加如下代码即可解决。 &amp;lt;metaname=&quot;format-detection&quot;content=&quot;telephone=no&quot;&amp;gt; 在Vue上的具体代码位置如图: 项目路径 FF730ACF-F192-45...