html:
<div id="test">
<input type="button" @click="fn1()">{{arr["x"]}}
<input type="button" @click="fn2()">{{arr["y"]}}
</div>
js:
data: {
arr: ["x", "y"],
z: 5
},
fn2() {
Vue.set(this.arr, "y", PPthis.arr["y"]);
// PPthis.z;
console.log(this.arr);
}
// PPthis.z domarr
you have to change arr into an object instead of an array
Why does the statement PPz achieve the effect of forceupdate, and does it re-render the entire object?
Vue.set (this.arr, 1, PPthis.arr [1]);
according to your entanglement, the answer has been given on vue's official website as follows:
due to the limitation of JavaScript, Vue cannot detect the array with the following changes:
when you directly set an item in the array using the index, for example: vm.items [indexOfItem] = newValue
when you modify the length of the array, for example: vm.items.length = newLength, the array will not be updated.
solution in vue:
Vue.set, vm.$set(Vue.set) splicecaoncatwant to use vue2.0 to develop a small web application for the company, running on the mobile side. How can the above functions be achieved? ...
first of all, there is such a piece of data list[ zhangsan , lisi , wangmazi ] people[ { name: zhangsan , username: },{ name: lisi , username: },{ name: wangmazi , username: } ] then the qu...
I referenced the components of element and wanted to transform it into my own UI library. After packaging, I introduced the project, npm run dev and reported the following error: introduced package: node_modules ipst dist ipst.js error: Uncaught T...
using the vue project packaged with webpack, the main.js in the dist directory has a large number of base64 characters. what is the cause of this? ...
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...
how can I make the height of -sharpapp full screen? ...
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...
questions and requirements: it is said that vue is data-driven, so for requirements similar to accordion (click on a li, to display the contents of the corresponding li, how can it be achieved through data-driven without operating dom? ) such as the f...
the company wants to do a background management system, and then different roles may correspond to different left menus, that is, a dynamic route, and everyone can see different things. I have seen the document of "Flower underpants " before, that is,...
for example, personal mini projects need to support both pc and mobile. so it s best to work on a project, which is convenient and convenient. I use vue-cli scaffolding. Do not know how to distinguish between the pc side and the mobile side to write ...
this "home page " tabs tag card and the left menu are bundled with routes. When you open a lot of pages, switching tabs tag cards will also load routes. Is there any way to prevent tabs switching from reloading routes and leaving the content unchang...
when users are not logged in, they enter the login page by default, while the login page has a "about us " button. Click to enter the page about us. Click on this.$router.,. Now the problem is to enter the page about us from the login page, refresh and ...
<template> <div class="pagination"> <el-row type="flex" justify="end" > <el-pagination background @size-change="handleSizeChange" @current-change="handl...
according to the data returned by the background, it is displayed on the page (commodity editing function). The data is an array that needs to be rendered in a loop (but there is a set of arrays in it). The interior of the circular rendering also includ...
if I want to use the page component of iView in render, how can I trigger its on-change event? this is written in render, but there is no response ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue< title> < head> <body> <div id="app"> <mparent :imgsrc="img" :title=&quo...
vue htmltemplate jsvardatavue$refs start it in the updated hook, because other hooks will not catch it (it s useless to put it in mounted) but the advertisement doesn t move. How should I write it? PS: doesn t need the code here. It just wants t...
requirements: for example, the words "wed " on the x-axis above, if there are too many words, will squeeze out the values on both sides. Now I want to keep the three-digit ellipsis display for him too long, indicating that the contents in the pop-up w...
Project is an H5 page, nested in Mini Program A page is a list loaded at the bottom of the scroll B page is a detail page When the A page clicks on an item, use location.href = b to jump to page B (because when Mini Program uses the forwardin...
prompts you to report an error when verifying whether it is a Wechat browser: : Global routing judgment Code: router.beforeEach((to,from,next)=>{ title const title = to.meta && to.meta.title; if (title) { document.title =...