在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/ HTML問答
幼梔 回答

方法是：


<template>
    <div class="lunbo">
    <div id="iSlider-wrapper" ref='swipe'></div>
    <div id="hidden-space" style="display:none">
        <p style="font-size:3em;text-align: center;color:#04f512">A node in dom tree.</p>
    </div>

    </div>
</template>

<script type="text/ecmascript-6">
import 'base/Carousel/iSlider'
import 'base/Carousel/iSlider.animate'
    export default {
      props: {
        swipeinfo: {
          type: Array
        }
      },
          data () {
          return {



          }
       },
       mounted() {
         this.neiStyle()

       },
          methods: {
        neiStyle() {
         setTimeout(() => {
            var self = this;
            var data = this.swipeinfo;
            self.S = new iSlider(self.$refs.swipe, data, {
                isLooping: 1,
                isOverspread: 1,
                isAutoplay: true,
                animateTime: 800,
                animateType: 'flow'
            }, 300);

          })
         
         
          });


        }



          },
          components: {




          }

    }

</script>

<style scoped lang="css" stylesheet="text/css">
body {
    margin: 0;
    padding: 0;
    background: #333;
    overflow: hidden;
}

/*ul wrapper*/
#iSlider-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

#iSlider-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

#iSlider-wrapper li {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    list-style: none;
}

#iSlider-wrapper li img {
    max-width: 100%;
    max-height: 100%;
}
</style>

<style scoped lang="scss">
@import "./iSlider.scss"
</style>

引用組件之后，傳值，渲染之后卡頓，需要改變一下屏幕寬度，才能運(yùn)行？ 那是因?yàn)樾枰右粋€(gè)延時(shí)加載，如果剛開始就執(zhí)行的話，props還沒有完全傳值成功。

懷中人 回答

answer1: JS 中訪問對(duì)象屬性有兩種方法

  • 使用 . 運(yùn)算符，其左邊是引用對(duì)象的變量名稱，右邊是屬性名稱（不加引號(hào)，加了引號(hào)叫字符串）
  • 使用 [] 運(yùn)算符，其左邊是引用對(duì)象的變量名稱（無引號(hào)），中間是一個(gè)表達(dá)式，其計(jì)算結(jié)果是表示屬性名稱的字符串。字符串本身也是一個(gè)表達(dá)式，所以可以直接給 g["id"]，它與 g.id 效果等同

上面提到的“名稱”，其實(shí)叫做標(biāo)識(shí)符，在 JS 中，標(biāo)識(shí)符是有約束的，比如 your-name 就不是一個(gè)合法的標(biāo)識(shí)符，但是它卻是一個(gè)合法的屬性名（因?yàn)?JS 的對(duì)象可以看做一個(gè) Hash 表，所有字符串都中以做為鍵，卻屬性名），這種情況下需要引用屬性，必須使用 [] 運(yùn)算符。比如 o.your-name 就是錯(cuò)誤的，而 o["your-name"] 才是正確。

o.your-name 被會(huì)解釋器解釋為 o.your - name，是一個(gè)減法表達(dá)式。

answer2：根據(jù)上述原因，g.id.name 本身是一個(gè)合法的表達(dá)式，可以取到其值 1。但是我理解你這里是是想實(shí)現(xiàn)類似 lodash 中 _.get() 函數(shù)的功能，即給定一個(gè)字符串表示屬性路徑，要獲取其值，那么可以分解路徑，再通過循環(huán)來獲取值

function get(obj, attrPath) {
    const segments = attrPath.split(".");
    let current = obj;
    for (let i = 0; i < segments.length; i++) {
        current = current[segments[i]];
        // 容錯(cuò)處理，如果某一步取值為 null 或 undefined
        // 就不可能再繼續(xù)下去，直接返回該值即可。
        // 也可以根據(jù)業(yè)務(wù)邏輯需要在這里拋出異常
        if (current === void 0 || current === null) {
            return current;
        }
    }
    return current;
}

使用

get(g, "id.name")
久愛她 回答

props的值只能從外部更改，不要內(nèi)部更改props的值，一般來說，如果遇到prop的值需要修改的情況，應(yīng)當(dāng)把值傳給父元素，然后由父元素賦值給組件，實(shí)現(xiàn)部分如下（以v-model的值為例）

props:['value'],
data(){return{currentValue:this.value}},
methods:{
    commit(){
        this.$emit('input',this.currentValue)
    }
}
兔寶寶 回答

首先，你需要對(duì)組件進(jìn)行分類，結(jié)構(gòu)進(jìn)行調(diào)整。

建議將組件分為容器組件和展示型組件，容器組件承載數(shù)據(jù)和展示型組件，將數(shù)據(jù)通過屬性傳遞給展示型組件。
也就是說結(jié)構(gòu)上需要調(diào)整為父子組件。

然后，你需要對(duì)組件職責(zé)進(jìn)行劃分，一個(gè)組件一個(gè)職責(zé)

這個(gè)需要根據(jù)你的具體項(xiàng)目來了。

最后，組件通信

組件劃分好了，那么就是組件怎么通信。之前在一個(gè)組件不存在這樣的問題。
我覺得你的這種場(chǎng)景直接通過父子數(shù)據(jù)傳遞就可以搞定（父?jìng)鬟f子通過props，子到父通過事件）

希望我的回答對(duì)你有幫助。

懶豬 回答

應(yīng)該是路徑不對(duì)，把你引入的路徑貼出來

筱饞貓 回答

不先import 暫時(shí)沒有什么好的方案，不過你可用用一個(gè)外部文件專門import組件 ， 然后export 所有組件，
調(diào)用就 ...components

尐潴豬 回答

Quick Start:https://reactjs.org/docs/inst...
從頭到尾看一遍，codePen的例子不要跳過，這里僅僅是熱身。
Tutorial:https://reactjs.org/tutorial/...
從頭到尾做一遍，有概念模糊的地方到Quick Start反復(fù)查閱。

中文版的官網(wǎng)當(dāng)做輔助https://doc.react-china.org/

最后有個(gè)小建議，不要太相信非官方渠道的資料，因?yàn)橐痪湓捒诙鄠鳎阶詈缶妥兞?/p>

再贈(zèng)送你一個(gè)Redux教程，Redux作者本人的視頻教程：https://egghead.io/lessons/re...

空白格 回答

df %>%
group_by(ss) %>%
arrange(dd) %>%
mutate(row_number = row_number(dd))

詆毀你 回答

最終發(fā)現(xiàn)重新創(chuàng)建一個(gè)文件 把原來文件的內(nèi)容復(fù)制過去就可以了

可能是之前使用了別的編輯器或者使用了text打開導(dǎo)致文件編碼出現(xiàn)問題

老梗 回答

修飾符直接寫事件上好像就不能解除了，不過可以通過這樣方式實(shí)現(xiàn)你的需求

  <form v-on:submit="e => isPrevent && e.preventDefault()"></form>

isPrevent為true才觸發(fā)prevent

萢萢糖 回答

withStyles 是一個(gè) HOC 組件，會(huì)為你的 AppBar 組件根據(jù)當(dāng)前的 theme 來添加樣式。核心功能就是為子組件提供了一個(gè) classes props，這樣你就可以在外部對(duì) class name 進(jìn)行修改。

在你這個(gè)例子中，就會(huì)將第一個(gè)參數(shù) styles 的樣式，覆蓋掉原來主題中的 MuiAppBar 樣式。

孤慣 回答

從代碼看不出問題。
但是從異常可以知道應(yīng)該是react的語法有問題。

孤毒 回答

echarts上還沒有這樣的案列 怕是實(shí)現(xiàn)起來有點(diǎn)困難哦。 d3.js更偏于底層一些，你想要什么圖形可以自己通過他內(nèi)置的函數(shù)自己實(shí)現(xiàn)

首頁 上一頁 376 377 378 379 380 381 382 383 384 下一頁 尾頁