鍍金池/ 問答/ HTML問答
若相惜 回答 
import style from 'xxx.less'

export default function () {
    return (
        <div className={style.container}>
            <div className={style.header}></div>
            <div className={style.content}></div>
            <div className={style.footer}></div>
        </div>
    )
}
怣痛 回答

你好，這個問題解決了嗎？
我打包的時候也報這個錯，但是看build后的文件好像沒問題，
部署到服務器上也能運行，功能能正常使用，這個錯會有什么影響？
會用什么隱患嗎？

生性 回答

我猜測你是用textContent屬性來指定內(nèi)容的。如果用innerHTML來指定內(nèi)容就沒問題了

愛礙唉 回答

$(this) 是什么

青檸 回答

我猜測因為你用了babel，而babel用了嚴格模式。錯誤說的是=號左邊的TopClient未定義，但講道理如果不是嚴格模式=號左邊的TopClient在解析時回向上查找TopClient，如果到全局作用域還沒有會創(chuàng)建一個。不過問題來了，為什么要用代碼1不聲明TopClient用代碼2？

壞脾滊 回答

看錯了 可以 把圖片文件 轉成 base64， 再賦給給src
類似
利用h5 FileReader 對象， 獲取 <input type="file"/> “上傳到瀏覽器的文件” ，文件形式 為base64形式，
2樓的沒試過， 估計也可以
我自己的 文章https://segmentfault.com/a/11...

笑忘初 回答

file對象上面有信息啊，對文件名做正則判斷啊

喜歡你 回答

對于復制集，唯一索引是保證絕對唯一的；對于分片集，只保證片內(nèi)唯一，不保證跨片的唯一，除非唯一索引正好是片鍵。
這些在文檔里有，可以參考。因為不知道你具體出現(xiàn)的是什么問題，所以也沒法分析了。

汐顏 回答

沒看懂你的代碼。
我一般會用css將最外層的滾動條挪到<app />上，處理的話就常規(guī)處理吧。
mounted階段綁定事件，destoryed時候解除綁定。
事件綁定到app上（或者你當前判斷條件所在的dom上），用你描述的判斷條件就好。
其實有很多現(xiàn)成的上拉加載的組件，你可以直接用。
比如這個
這是它的源代碼
判斷條件：
scrollEventTarget.scrollHeight - viewportBottom <= distance;
跟你講的差不多

夢一場 回答

你的代碼在第二個循環(huán)里加上索引，傳值時傳foodIndex，因為你要的是點擊food

 <div v-for="(food,foodIndex) in item.foods" v-show="name==item.name" class = 'food' :class="{'food-selected':foodIndex== activeIndex}"  @click ="addCart(food,foodIndex)" >

我的demo也換為多層循環(huán)了，數(shù)據(jù)結構跟你差不多，一樣的可以的，你要注意下每層循環(huán)的索引要對應每一層，不要寫錯了

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>changeClass</title>
  <script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script>
<style>
.active{color:red;}
</style>
</head>
<body>

<div id="app">
  <div>
    <div v-for="(item,index) in goods">
      {{item.value}}
      <div v-for="(food,foodIndex) in item.foods" class="default" :class="{'active':item.activeIndex == foodIndex}" @click="changeClass(index,foodIndex)">
        {{food.name}}
      </div>
    </div>
  </div>
</div>
</body>
</html>

<script>
var app = new Vue({
  el:'#app',
  data:{
    goods:[
      {value:'食物',foods:[{name:1},{name:2},{name:3},{name:4}],activeIndex:null},
      {value:'菜',foods:[{name:1},{name:2},{name:3},{name:4}],activeIndex:null},
      {value:'飲料',foods:[{name:1},{name:2},{name:3},{name:4}],activeIndex:null}
    ],
  },
  methods:{
    changeClass:function(index,foodIndex){
      if(this.goods[index].activeIndex == foodIndex){
        this.goods[index].activeIndex = null;
      }else{
        this.goods[index].activeIndex = foodIndex;
      }
    }
  }
})
</script>
故人嘆 回答

你沒有解綁成功，應該給函數(shù)設置一個引用，然后unbind的時候要傳入這個引用作為第二個參數(shù)

// 設置初始數(shù)據(jù)
getInitialState() {
    return {
        progress: 0,
        volume: 0,
        isPlay: true,
        leftTime: ''
    }
},
/**
 * 事件發(fā)布
 */
playPrev() {
    PubSub.publish('PLAY_PREV');
},
playNext() {
    PubSub.publish('PLAY_NEXT');
},
//時間格式化
formatTime(time) {
    time = Math.floor(time);
    let minutes = Math.floor(time / 60);
    let seconds = Math.floor(time % 60);

    // seconds =seconds < 10 ? `0${seconds}` : seconds;
    // return `${minutes}:${seconds}`;
    return minutes + ':' + (seconds < 10 ? '0' + seconds : seconds);
},
jPEvent = (e) => {
        //音頻總時長
        duration = e.jPlayer.status.duration;
        //回調(diào)函數(shù)，將音樂播放時間傳回progress
        this.setState({
            volume: e.jPlayer.options.volume * 100,      //音量
            progress: e.jPlayer.status.currentPercentAbsolute,   //播放時間百分比
            leftTime: this.formatTime(duration * (1 - e.jPlayer.status.currentPercentAbsolute / 100))
        });
    }
componentDidMount() {
    // 監(jiān)聽音樂播放時間
    $('#player').bind($.jPlayer.event.timeupdate, this.jPEvent);
},
//解綁
componentWillUnMount() {
    $('#Player').unbind($.jPlayer.event.timeupdate, this.jPEvent);
},
progressChangeHandler(progress) {
    //調(diào)用jPlayer的方法,更改播放時間
    // this.state.isPlay ? 'play' : 'pause'
    $('#player').jPlayer("play",duration * progress);

    this.setState({
        isPlay: true
    });
},
//音量調(diào)節(jié)
changeVolumeHandler(progress) {
    $('#player').jPlayer('volume',progress);

    // this.setState({
    //     volume: progress * 100,
    // });
},
//播放和暫停
play() {
    if(this.state.isPlay) {
        $('#player').jPlayer('pause');
    } else {
        $('#player').jPlayer('play');
    }

    this.setState({
        isPlay: !this.state.isPlay
    });
},
render() {
    return (
            //html代碼
        );
}

代碼沒格式化不知道會不會缺個括號什么的，大概就這個意思。

毀了心 回答

<template>

<div>
    <children-component @childrenEvent="handle"><children-component/>    
<div/>

<template/>
<script>

methods:{
    handle(){
        your code
    }
}

<script/>

陪妳哭 回答

iframe的src是不是同源，一般不允許修改里面的內(nèi)容的，由于跨域的存在，如果同源的話應該可以，或者直接修改src里面的js。

萌吟 回答

{ <li>{ number }</li> }這是個塊,里邊的number沒有定義,作用域問題

祉小皓 回答

可以去看一下二叉樹的遞歸，相信應該有幫助

檸檬藍 回答

我也碰到過 table一行文字有限 就會展現(xiàn)成特別多行 后來我建議改成分塊兒來寫了 - -！

未命名 回答

我找到答案了，是我一個同事，TMD在一個文件里重寫了localStorage.setItem方法，讓我找了4天，現(xiàn)在他已經(jīng)在醫(yī)院了

笨小蛋 回答

是不是可以判斷一下獲取到數(shù)據(jù)后在渲染 v-if

首頁 上一頁 154 155 156 157 158 159 160 161 162 下一頁 尾頁