vue获取div中的值_vue获取内存中的值并写入

最新推荐文章于 2023-03-17 18:12:01 发布

原创最新推荐文章于 2023-03-17 18:12:01 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue获取div中的值

该博客讨论了如何在Vue应用中获取div中的值，并演示了如何将数据写入本地存储。通过`loadComments`和`postComments`方法，展示了如何使用localStorage进行数据操作。同时，提到了Vue中获取URL参数的方法以及与ListView和EditText相关的Android开发技巧。

发表评论

第{{i+1}}楼匿名用户发表时间:{{item.id|dateFormat}}

加载更多

export default{

data(){

return {

user:'',

content:'',

list:[{id:1,user:'李白',content:'天生我材必有用'},],

}

methods:{

loadComments(){

var list = JSON.parse(localStorage.getItem('cmts')||'[]')

this.list= list

postComments(){

var comment = {id:Date.now(),user:'user111',content:this.content}

var list = JSON.parse(localStorage.getItem('cmts')||'[]')

list.unshift(comment)

localStorage.setItem('cmts',JSON.stringify(list))

this.content=''

this.loadComments()

created(){

this.loadComments()

}

.container h3{

font-size: 18px;

}

textarea{

font-size:14px ;

height: 85px;

margin: 0;

}

.cmtlist{

margin: 10px 0;

}

.cmttitle{

background-color: #ccc;

line-height: 30px;

}

.cmtitem{

font-size: 13px;

}

.cmtbody{

line-height: 35px;

text-indent: 2em;

}

VUE中获取url中的值

如图:获取值一:main.js中写入 const router = new VueRouter({ routes: [ { path: '/goodsinfo/:goodsId', componen ...

安卓Android控件ListView获取item中EditText值

可以明确,现在没有直接方法可以获得ListView中每一行EditText的值. 解决方案:重写BaseAdapter,然后自行获取ListView中每行输入的EditText值. 大概算法:重写Ba ...

ThinkPHP 获取配置文件中的值

C('SPECIAL_USER'):获取配置文件中的值存入数组

通过YAJL获取json中的值

这里主要是举例说明一下假设通过yajl获取json中的值. 对于array和object来说,获取的方式略有不同,详细能够參考以下的代码. 我仅仅是从网上搜集信息.知道有这么一种方法.假设还有别的方法 ...

jQuery遍历table中的tr td并获取td中的值

jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(func ...

Android控件ListView获取item中EditText值

能够明白,如今没有直接方法能够获得ListView中每一行EditText的值. 解决方式:重写BaseAdapter,然后自行获取ListView中每行输入的EditText值. 大概算法:重写Ba ...

【旧文章搬运】《从PEB获取内存中模块列表》的补充

原文发表于百度空间,2008-7-26========================================================================== 继续研究PE ...

React 修改获取state中的值

14===> 修改state中的值不能够直接修改 state = { num: 10 } 如 this.state.num+=12; 不能够直接修改错误通过 this.setState({ ...

selenium+java：获取列表中的值

selenium+java:获取列表中的值 (2011-08-23 17:14:48) 标签: 杂谈分类: selenium 初步研究利用java+testNg框架下写selenium测试用例,今天 ...

随机推荐

C&num;的继承

什么是继承:继承是允许重用现有类去创建新类的过程.分类的原则是一个类派生出来的子类具有这个类的所有非私有的属性. 1.继承C#中的类:C#不支持多重继承,C#类始终继承自一个基类(如果未在声明中指定一 ...

推荐 10 个超棒的 CSS3 代码生成工具

新的在线工具和 WebApp 帮助开发者快速地创建网站而不用写代码.前端开发已经在框架和代码库方面有了很大的进展. 但是许多开发者已经忘记了代码生成器在构建网站时的价值.下面的资源是完全免费的 Web ...

Integer相加产生的类型转换问题

做项目时犯二没有搞清楚优先级的问题从而暴露出一个Integer相加而产生的类型转换的问题 Integer a; Integer b; Integer c; c= a+b==null?a:b; jav ...

iOS 拨打电话三种方式总结

1,这种方法,拨打完电话回不到原来的应用,会停留在通讯录里,而且是直接拨打,不弹出提示NSMutableString * str=[[NSMutableString alloc] initWithFo ...

关于bootstrap--表单(水平表单)

在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件:1.在

元素是使用类名“form-horizontal”.2.配合Bootstrap框架的网格系统.(网格布局 ...

有关android工程的构建脚本(build&period;xml)的学习

学习[android-sdk-linux根目录]/tools/ant/build.xml,觉得如下几点很有用,记录之 1)ant脚本中属性值是于前置定义优化的原则,即属性发生重复定义时,前面定义的值不 ...

ASP&period;NET 导出EXCEL文件处理多对应排列的

这次项目遇到了一个导出excel需要对应排列的问题.本来在做这个项目之前都基本没做过excel导出的菜鸡,这次强行做还是有些忐忑的,加上那个表的结构比较奇特. 废话不多说,先介绍表结构吧是数据 ...

Jenkins 不同角色不同视图及不同权限设置

由于jenkins默认的权限管理体系不支持用户组或角色的配置,因此需要安装第三发插件来支持角色的配置,本文将使用Role Strategy Plugin,介绍页面:https://wiki.jenki ...

基于hi-nginx的web开发(python篇)——cookie和会话管理

hi-nginx通过redis管理会话. 要开启管理,需要做三件事. 第一件开启userid: userid on; userid_name SESSIONID; userid_domain loca ...

MariaDB存储过程笔记

FECTH INTO 字段名不能与 CURSOR FOR 中select字段名一致,否则FETCH出的值均为空. DECLARE 字段名不能与 CURSOR FOR 中select语句内where条件 ...