Bagaimana untuk menukar rentetan kepada objek dalam vuejs

Kaedah Vuejs untuk menukar rentetan kepada objek: 1. Baca data asal daripada jadual pangkalan data 2. Tukar rentetan kepada objek Just json.

Persekitaran pengendalian artikel ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Bagaimana untuk menukar rentetan kepada objek dalam vuejs?

vue.js menukar jenis String kepada format json dan objek json kepada String:

Apabila menulis projek vue, disebabkan jumlah data yang besar, format penukaran adalah agak Ia agak rumit, jadi saya terus mendapatkan nilai dari borang dan menyimpannya dalam jadual pangkalan data dalam format String Walau bagaimanapun, apabila mengedit rekod, saya perlu membacanya dari jadual pangkalan data dengan id, dan kemudian paparkan pada halaman dengan sewajarnya;

Jadi: Saya akan mengajar anda cara menukar format String kepada format Json dalam projek vue:

Mari lihat format data yang disimpan dalam pangkalan data ini; artikel mengambil medan pilihan sebagai contoh;


Seterusnya, saya akan menunjukkan cara format String dan format json ditukar secara relatif
Dilampirkan beberapa kod demonstrasi penting vue .js:

editFormBuilder(row){
//aa bb cc 只是在方便调试更清楚的看到从数据库表中拿的数据
		//从数据库表中读取原数据，注意看数据格式
        console.log("aa",row.selections);
        
        //接下来，如何解析成json型
        this.temporary=JSON.parse(row.selections);//将字符串转换成json对象
        this.items=this.temporary;
        console.log("bb",this.items);
        
        //注意看，又把对象转换成String型
       this.flag=JSON.stringify(row.selections);//将json对象转换成字符串
        this.items=this.flg;
        console.log("cc",this.items);//再次转化格式！注意看
      },

Sila lihat gambar! ! ! Anda akan menyedari daya tarikan JSON.parse dan JSON.stringify!

By the way, izinkan saya memperkenalkan penggunaan kedua-dua fungsi secara terperinci: [ps: Untuk butiran, datang ke tutorial novis dan lompat ke url tutorial novis]
(1) Fungsi JSON.parse:

作用：将json字符串转换成json对象

语法：JSON. parse(text[,reviver]).

参数：text  必须；一个有效的json字符串。

	reviver ：可选。

返回值：一个对象或数组。

(2) Fungsi JSON.stringify():

	作用：将json对象转换成json字符串。

	语法：JSON.stringify(value [, replacer] [, space]) 

	参数：value  必须；通常为对象或数组。

		replacer：可选，用于转换结果的函数或者数组。

		space ：可选。向返回值 JSON 文本添加缩进、空格和换行符以使其更易于读取。 

	返回值：一个包含JSON文本的字符串。

Pembelajaran yang disyorkan: "Video 5 vue.js terkini pilihan tutorial"

Atas ialah kandungan terperinci Bagaimana untuk menukar rentetan kepada objek dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!