Vue 用 v-bind 给 src 和 href 赋值

我不是女神ヾ 2023-05-30 06:23 6阅读 0赞

### Vue 用 v-bind 给 src 和 href 赋值 ###

用`v-bind`给`src`和`href`赋值其实很简单，即 `v-bind:属性名="name"`，其中`name`就是`data`里`json`数据的键值，其简写形式为 `:属性名="name"`。

**示例：**

<li class="fl" v-for="nav in nav">
                                <span class="xinwenzixun"></span> 
                                <a v-bind:href="nav.href">{
       {nav.nname}}</a> 
                                <div class="nav-news">
                                    <a v-bind:href="two.href" v-for="two in nav.twoData">{
       {two.nname}}</a>
                                </div>                           
                            </li>

<Script>
    	var vm = new Vue({
    		el:"#app",
    		data:{
    			nav:[],
    		},
    		mounted(){
    			this.show();
    		},
    		methods:{
    			show:function(){
    				$.post("/nav/findAll2",{},function(data){
    					//alert(JSON.stringify(data));
    					var len = data.length;
    					for(var i=0; i< len; i++){
    						vm.nav.push(data[i]);
    					}
    					alert(JSON.stringify(vm.nav));
    					
    				});
    			}
    		},
    	});
    </Script>

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 href和src

href: 指定网络资源的位置,目的不是为了引用资源，而是为了建立联系，让当前标签能够链接到目标地址。 src: source（缩写），为了引用资源，指向外部资源的...

蔚落/ 2024年04月18日 17:09/ 0 赞/ 149 阅读

相关 Vue 用 v-bind 给 src 和 href 赋值

Vue 用 v-bind 给 src 和 href 赋值用`v-bind`给`src`和`href`赋值其实很简单，即 `v-bind:属性名="name"`，其中`n

我不是女神ヾ/ 2023年05月30日 06:23/ 0 赞/ 7 阅读

相关 URL、HREF、SRC详解

1、URL 统一资源定位符（ Uniform Resource Locator）是对可以从互联网上得到的资源的位置和访问方法的一种简洁表示，是互联网上标准资源的地址；互联

蔚落/ 2023年01月08日 13:24/ 0 赞/ 91 阅读

相关 url,src和href的区别

url,src和href的区别 -------------------- URL(Uniform Resource Locator) 统一资源定位符。 > 统一资源定

本是古典何须时尚/ 2022年11月01日 05:59/ 0 赞/ 252 阅读

相关简述src和href的区别

src用于替换当前的元素，href用于在当前文档和引用资源之间建立联系。 1）src src是souce的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位

不念不忘少年蓝@/ 2022年06月09日 11:25/ 0 赞/ 291 阅读

相关 ng-src 和 ng-href的用法

特殊的ng-src和ng-href 在说明这两个指令的特殊之前，需要先了解一下ng的启动及执行过程：浏览器加载静态HTML文件并解析为DOM；浏

拼搏现实的明天。/ 2022年05月26日 13:14/ 0 赞/ 124 阅读

相关 href和src的区别

1、请求资源类型不同（1） href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。（

待我称王封你为后i/ 2022年05月22日 12:43/ 0 赞/ 268 阅读

相关 js jquery给img的src属性赋值

html页面 <img src="" id="logo"/> -------------------- js的普通赋值 document.getElementB

Myth丶恋晨/ 2022年02月28日 07:26/ 0 赞/ 456 阅读

相关 jquery 给img 的src赋值和取值

html代码 <img id="gid"/> -------------------- jquery代码赋值 $("gid").attr

秒速五厘米/ 2022年02月19日 02:59/ 0 赞/ 619 阅读

相关 vue给a标签href赋值，用动态变量

<div v-for="item in list" :key="item"> <div class="dataItem"

谁借莪１个温暖的怀抱￠/ 2021年07月08日 23:32/ 0 赞/ 1550 阅读