laravel 模板变量赋值给js变量

简介: laravel 模板变量赋值给js变量

原始数据


$data = [
    "name"              =>  "name",
    "positions_arr"     =>  ["a", "b", "c", "d"]
];

字符串变量


模板变量字符串赋值给JavaScript变量

var params_str = '{{$data['name']}}';
console.log(params_str);

数组变量


模板变量数组赋值给JavaScript数组变量

var path = [];
@foreach($data['positions_arr'] as $p)
    path.push({{ $p }}));
@endforeach
目录
相关文章
|
29天前
|
JavaScript 前端开发
JavaScript如何判断变量undefined
JavaScript如何判断变量undefined
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-变量的声明提前
关于JavaScript变量声明提前特性的基础知识介绍。
39 0
JavaScript基础知识-变量的声明提前
|
1月前
|
存储 前端开发 JavaScript
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
本文介绍了JavaScript变量的声明和使用、标识符的命名规则、如何获取和操作HTML元素,以及JavaScript的鼠标事件处理,通过示例代码展示了这些基础知识点在实际开发中的应用。
38 2
前端基础(二)_JavaScript变量、JavaScript标识符、JavaScript获取元素、JavaScript的鼠标事件
|
1月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
2月前
|
JSON 前端开发 JavaScript
|
16天前
|
JavaScript 前端开发
什么是JavaScript变量?
什么是JavaScript变量?
27 0
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript 模板字符串
JavaScript 模板字符串
20 3
|
1月前
|
Web App开发 JavaScript 前端开发
JavaScript 模板字符串
JavaScript 模板字符串
18 0
|
1月前
|
存储 JavaScript 前端开发
|
2月前
|
JavaScript 前端开发
揭秘JavaScript变量的三大守护神:从var到let,再到const,究竟隐藏了哪些秘密?
【8月更文挑战第22天】在JavaScript中,`var`、`let`和`const`用于声明变量,但各有特点。`var`有函数作用域并会被提升至作用域顶部。`let`提供块级作用域且存在暂时性死区,不允许提前访问。`const`同样拥有块级作用域,用于声明常量,一旦初始化便不可改变。现代开发倾向于使用`let`和`const`以获得更清晰的作用域控制和避免潜在错误。
35 0